js——获取标签的方法

   var tag=document.getElementById('id');
   
   // [i]:代表获取第几个同名标签
   var tag=document.getElementsByClassName('className')[i]; // className：类名
   var tag=document.getElementsByTagName('tagName')[i]; // tagName：标签名
   var tag=document.getElementsByName('name')[i]; // name：定义 name 属性的值
   
   // querySelector 在匹配第一个标签后停止无法用 [i] 设置获取第几个
   // querySelectorAll 可以用 [i] 设置获取第几个
   var tag=document.querySelector('all'); // all: #id  .className  tagName  name
   var tag=document.querySelectorAll('all')[i]; // all: #id  .className  tagName  name

获取伪类或伪元素

<style>
    h3::after {
        content: "rocks!";
    }
</style>

<h3>generated content</h3> 

<script>
    let h3 = document.querySelector('h3'), 
    result = getComputedStyle(h3, '::after').content;
    alert(`the generated content is: ${result}`);
    console.log(`the generated content is: ${result}`); 
    // the generated content is: "rocks!"
</script>