HTMLCollection namedItem() 方法 | DOM对象

返回到:DOM对象:DOM HTMLCollection

定义和用法

namedItem() 方法返回 HTMLCollection 对象中指定 ID 或 name 的元素。

也可以使用以下简写方式来获取:

var x = document.getElementsByTagName("P")["myElement"];

语法:

HTMLCollection.namedItem(name)

或者

HTMLCollection[name]

参数说明:

参数描述
name必需,你要返回元素的 id 或 name 属性的值。

返回值

返回 Element 对象,表示指定 ID 或 name 的元素,如果元素不存在返回 null。

所有主要浏览器都支持 namedItem() 方法

实例

获取 p 元素中 ID 为 “myElement” 的元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>HTMLCollection namedItem() 方法</h1>

<p id="myElement">namedItem() 方法返回指定 ID 或 name 属性的元素。</p>

<p>点击按钮返回 ID 为 "myElement" 的 p 元素内容:</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
  var x = document.getElementsByTagName("P").namedItem("myElement");
  alert(x.innerHTML);
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3769.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月23日 下午4:20
下一篇 2021年9月23日 下午4:28

相关推荐

发表回复

登录后才能评论