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>