js获取与元素关联的label标签元素

快乐打工仔发布于 2年前分类：实例代码

下面就介绍一下如何获取与指定元素关联的<label>标签。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
  var oshow=document.getElementById("show");
  var labels=document.querySelector("input").labels;
  oshow.innerHTML=labels[0].id;
}
 
</script> 
</head> 
<body>
<form action="http://www.pipipi.net/" method="get">
  <label for="email" id="antzone">邮箱:</label>
  <input id="email" name="email" type="email" /> 
  <input type="submit" value="确定">
</form>
<div id="show"></div>
</body>
</html>

使用labelss属性即可获取与指定元素关联的<label>标签集合。