JavaScript Label对象(Label Object)

Label对象代表了HTML文档中的label元素

如何访问Label对象?

使用getElementById()访问label元素。

var  x = document.getElementById("myLabel");

如何创建Label对象

使用createElement()方法创建label元素。

var x = document.createElement("label");
Label对象的属性
属性 说明
control 返回标记控制
form 返回与label元素的内容建立联系的表单
htmlFor 设置或返回label元素上的for属性的值

标准属性及事件

label对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<form id="myForm">

<label id="myLabel" for="male"></label>

<input type="radio" name="sex" id="male" value="male"><br>

</form>

<p>点击以下按钮,返回label元素所属的form元素的id值</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc()

{

var x = document.getElementById("myLabel").form.id;

document.getElementById("demo").innerHTML=x;

}

</script>

</body>

</html>

关联内容