DOM中获取文档元素的主要方式

38 阅读1分钟

1:通过(id获取

documet.getElementById('');

2:通过标签名获取(标签名不同于name属性)

document.get.getElementsByTagName('');

3:通过name属性获取(注意和第二点的区别)

  • 通过name属性获取的时候,要注意一点,那就是name属性是不支持通过具体的某一节点去查找的,只支持document节点去查找。
document.getElementsByName('')

4:通过类名去获取文档元素

document.getElementsByClassName('');

5:使用querySelector(类似于CSS选择器的方法,返回匹配到的第一个)

const pink = document.querySelector('#pink');
alert(pink.innerHTML);

6:通过querySelectorAll(返回匹配到的所有)


只能获取行内样式的情况

  • 解决办法 使用getComputedStyle,但是这种不兼容IE浏览器
# 使用getComputedStyle('对象名').属性名

如果是IE浏览器则使用下面的方法

元素对象.currentStyle[属性名]

querySelector保存的是快照是静态的数据结构,但是getElementsByTagName保存的是动态的数据结构,会随着页面的变化而变化。