js获取某个容器下的所有标签,并判断标签类型

1.先获取到容器

let innerHtmlContent = document.getElementById('innerHtmlContent');

 

2.获取 innerHtmlContent  容器下的所有标签  这里推荐写在一个定时器里 ,childrens 打印出来就是所有标签了,标签里对应了很多属性,包括纯文本内容和带标签的内容都有,如果需要判断是什么标签,里面有一个位tagName的属性,对应的值就是标签的名字(大写)

                setTimeout(function(){
                    var childrens = innerHtmlContent.children;  // 获取所有子标签
                    console.log(childrens)  // 打印出来就是容器下的所有标签
                    for(let i = 0; i){
                        if(childrens[i].tagName == 'H1'){
                          console.log("这是H1标签")
              } }
},0)

 

转载于:https://www.cnblogs.com/hs610/p/11276332.html

你可能感兴趣的:(js获取某个容器下的所有标签,并判断标签类型)