HTML DOM Label 对象

Label 对象

Label 对象表示一个 HTML <keygen> 元素。

访问 Label 对象

您可以使用 getElementById() 来访问 <label> 元素：

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

<h3>访问 LABEL 元素</h3>
<label id="myLabel" for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<p>点击按钮获取 label 绑定的元素的 id。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.getElementById("myLabel").htmlFor;
    document.getElementById("demo").innerHTML = x;
  };
</script>

尝试一下 »

创建 Label 对象

您可以使用 document.createElement() 方法来创建 <label> 元素：

var x = document.createElement("LABEL");

<form id="myForm" action="form_action.asp">
  <input type="radio" name="sex" id="male" value="male">
</form>
<p>点击按钮创建 LABEL 元素。</p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.createElement("LABEL");
    var t = document.createTextNode("Male");
    x.setAttribute("for", "male");
    x.appendChild(t);
    document.getElementById("myForm").insertBefore(x, document.getElementById("male"));
  };
</script>

尝试一下 »

Label 对象属性

属性	描述
control	返回标注的控件。
form	返回一个包含 label 的表单的引用。
htmlFor	设置或返回 lable 的 for 属性的值。

标准属性和事件

Label 对象同样支持标准 属性 和 事件。

---

相关文章

HTML 教程：HTML 表单

HTML 参考手册：HTML <label> 标签