HTML | DOM item() 方法(1)

📌 相关文章

📜 HTML | DOM item() 方法(1)

📅 最后修改于: 2023-12-03 15:15:35.319000 🧑 作者: Mango

HTML | DOM item() 方法

简介

item() 方法是 HTML DOM 中的一个方法，它用于获取指定位置的元素。它适用于各种 HTML 文档对象，如页面、frameset、iframe 等。

语法

elementList.item(index)

elementList：必需。表示一个 DOM 的列表或某个容器的一组元素。
index：必需。指定要返回的元素在 elementList 中的索引位置。

返回值

返回指定位置的元素，如果无法通过 index 获取到元素，那么返回 null。

示例

<!DOCTYPE html>
<html>
<body>

<h1 id="title">Hello World!</h1>
<p>Some text.</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<script>
// 获取第二个列表项
var myList = document.getElementsByTagName("ul")[0];
var secondItem = myList.item(1);
console.log(secondItem.textContent);
// 输出：Tea

// 获取不存在的列表项
var nonExistItem = myList.item(3);
console.log(nonExistItem);
// 输出：null
</script>

</body>
</html>

在上面的例子中，我们通过 getElementsByTagName() 方法获取了文档中的第一个列表，然后使用 item() 方法获取了第二个列表项，最后将其内容输出到控制台。

值得注意的是，在第二个例子中，我们通过传入 3 获取列表中的第四个元素，但是由于该列表只有三个元素，所以返回了 null。

总结

item() 方法是 HTML DOM 中的一个实用方法，可以帮助我们快速定位到某个元素。不过需要注意的是，如果传入的 index 超出了列表长度，会返回 null。