js获取文章里存在多个不同类型的标签，获取前三个

js文章里存在多个不同类型的标签，比如p标签、h3标签、table标签等，获取文章里面的前三个标签及内容！

html代码如下：

<div id="article">
    <p>
        这是第一个段落。
    </p>
    <h3>
        这是第一个标题。
    </h3>
    <p>
        这是第二个段落。
    </p>
    <h3>
        这是第二个标题。
    </h3>
    <p>
        这是第三个段落。
    </p>
    <!-- 其他内容 -->
</div>

js代码如下：

// 获取文章容器内的所有p和h标签,table标签 
var elements = document.querySelectorAll('#article p, #article h3, #article table');  

if(elements.length > 5){
  var firstThreeItems = [];  
  for (var i = 0; i < 5 && i < elements.length; i++) {  
    const item = {};  
    item.tag = elements[i].tagName.toLowerCase();  ; // 获取标签名称
    item.content = elements[i].textContent; // 获取标签内容  
    firstThreeItems.push(item); // 赋值
  }
  console.log('输出结果：',firstThreeItems)
}

javascript如何获取元素并修改元素属性

标签： js获取元素

上面是“js获取文章里存在多个不同类型的标签，获取前三个”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_14311.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！