getElementById和getElementByTagName

最新推荐文章于 2021-06-08 10:24:08 发布

原创最新推荐文章于 2021-06-08 10:24:08 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

js脚本专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种通过JavaScript操作DOM来获取特定元素内容的方法。首先利用getElementById选择指定ID的元素，接着通过getElementsByTagName获取该元素下的所有指定标签。本例展示了如何获取id为'main'的div中第一个段落的内容。

<!DOCTYPE html>
<html>
<body>

<p>Hello World!</p>

<div id="main">
<p>The DOM is very useful.</p>
<p>本例演示 <b>getElementsByTagName</b> 方法。</p>
</div>

<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);
</script>

</body>
</html>

先通过getElementById获取某元素，然后通过getElementByTagName获取该元素内的标签。