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[属性名]