HTMLCollection namedItem() 方法
JavaScript基础 2022-06-08 12:12:57小码哥的IT人生shichen
HTMLCollection namedItem() 方法
实例
获取 ID 为 "myElement" 的 P 元素的内容：
function myFunction() {
var x = document.getElementsByTagName("P").namedItem("myElement");
alert(x.innerHTML);
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>HTMLCollection namedItem() 方法</h1>
<p id="myElement">namedItem() 方法返回具有指定 ID 或名称的元素。</p>
<p>点击按钮返回 ID 为 "myElement" 的 P 元素的内容：</p>
<button onclick="myFunction()">输出 P 的 innerHTML</button>
<script>
function myFunction() {
var x = document.getElementsByTagName("P").namedItem("myElement");
alert(x.innerHTML);
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
namedItem() 方法返回 HTMLCollection 中具有指定 ID 或名称的元素。
也可以使用简写方法，并且会产生相同的结果：
var x = document.getElementsByTagName("P")["myElement"];浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| namedItem() | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
HTMLCollection.namedItem(name)
或者：
HTMLCollection[name]
参数值
| 参数 | 描述 |
|---|---|
| name | 必需。要返回的元素的 id 属性或 name 属性的值。 |
