getElementsByTagName() 相当于 textNodes

1个回答

写回答

郭振宇

2025-07-10 06:48

+ 关注

Meta
Meta

使用getElementsByTagName()方法可以获取指定标签名的所有元素，相当于获取到的是一个元素节点的集合。而textNodes则表示获取到指定元素节点内的文本节点集合。

在实际开发中，我们经常需要通过标签名来获取元素节点，然后对其进行进一步的操作。下面我们来看一个简单的案例，通过getElementsByTagName()方法获取所有的段落元素，并将它们的文本内容输出到控制台中。

html
<!DOCTYPE html>
<html>
<head>
    <Meta charset="UTF-8">
    <title>getElementsByTagName示例</title>
</head>
<body>
    <h1>文章标题</h1>
    这是第一个段落。
    这是第二个段落。
    这是第三个段落。
    <script>
        // 获取所有的段落元素
        var paragraphs = document.getElementsByTagName('p');
        // 遍历所有的段落元素
        for (var i = 0; i < paragraphs.length; i++) {</p>            // 输出段落的文本内容
            console.log(paragraphs[i].textContent);
        }
    </script>
</body>
</html>

运行上述代码，你将会在控制台中看到输出的段落文本内容：

这是第一个段落。

这是第二个段落。

这是第三个段落。

在上述代码中，我们使用getElementsByTagName('p')获取了所有的段落元素，然后通过遍历这些元素并访问其textContent属性，即可获取到每个段落的文本内容。

通过getElementsByTagName()方法可以方便地获取到指定标签名的元素节点集合，从而对这些元素进行进一步的操作，如修改样式、添加事件监听器等。这在实际开发中非常有用。

：

getElementsByTagName()方法可以用来获取指定标签名的所有元素节点，通过遍历这些元素节点可以对它们进行各种操作。textNodes则表示获取到指定元素节点内的文本节点集合。在开发中，我们可以根据具体需求使用这两个方法来操作DOM元素。

举报有用（4）分享收藏

getElementsByTagName() 相当于 textNodes

1个回答

郭振宇

热门话题

相关问题