js獲取與元素關聯的label標籤元素

螞蟻小編發表於2017-04-14
JS

下面就介紹一下如何獲取與指定元素關聯的<label>標籤。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!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.softwhy.com/" 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>標籤集合。

相關閱讀:

（1）.document.querySelector()可以參閱document.querySelector()一章節。

（2）.innerHTML可以參閱innerHTML一章節。

相關文章