【猪八戒】- 2017年在线笔试“获取HTML标签”

最新推荐文章于 2024-03-19 23:18:27 发布

csdn_杨小彦

最新推荐文章于 2024-03-19 23:18:27 发布

阅读量303

点赞数

分类专栏：笔试和面试总结文章标签： html 标签 JavaScript

本文链接：https://blog.csdn.net/qq_27437967/article/details/77996360

版权

笔试和面试总结专栏收录该内容

57 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
     .tbale{
border:1px solid red;
     }
    </style>
</head>
<body>
 <table class="table">
     <tr>
         <td>111111</td>
         <td>222222</td>
     </tr>
     <tr>
         <td>3333333</td>
         <td>4444444</td>
     </tr>
     <tr>
         <td>5555</td>
         <td>6666</td>
     </tr>
 </table>
</body>
<script type="text/javascript">
  var tags = document.getElementsByTagName('*');        //获取所有标签节点  
  var j=tags.length;                                     //统计全部节点个数  
  console.log(j);  
  var tagsArr = [];                                     //创建空数组缓冲区  
function countTag(){     
  for (var i = 0; i < tags.length; i++) {  
   var res=(tags[i].tagName).toUpperCase(); 
  if(tagsArr.indexOf(res)<0){  //判断数组是否已经存在该标签
  tagsArr.push(res);      //对标签节点做格式调整，全部转化为小写字母  
  }
  }    
  console.log(tagsArr);    
  </script>
  </html>

结果：
这里写图片描述

csdn_杨小彦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【猪八戒】- 2017年在线笔试“获取HTML标签”

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .tbale{border:1px solid red; } </style></head><body> <table cla
复制链接

扫一扫

专栏目录