document.getElementsByName()

admin發表於2018-06-06

此方法可以返回具有指定name屬性值的物件的集合。

說明:此方法返回的是一個物件集合，可以通過索引值訪問相應的物件，索引值從0開始。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
document.getElementsByName(name)

瀏覽器支援:

（1）.IE瀏覽器支援此方法。

（2）.edge瀏覽器支援此方法。

（3）.谷歌瀏覽器支援此方法。

（4）.opera瀏覽器支援此方法。

（5）.火狐瀏覽器支援此方法。

（6）.safria瀏覽器支援此方法。

特別說明:在IE10以下瀏覽器中，只有對錶單元素有效。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
ul,li{
  list-style:none;
}
</style>
<script>
window.onload=function(){
  var ants = document.getElementsByName("ant");
  ants[1].style.color = "red";
}
</script>
</head>
<body>
<div name="ant">螞蟻部落一</div>
<ul>
  <li name="ant">螞蟻部落二</li>
  <li>螞蟻部落三</li>
</ul>
</body>
</html>

使用索引訪問相應的集合中的元素，並將其字型顏色設定為紅色。