一.取得html元素
详情见:https://www.jb51.net/article/116460.htm
1.通过ID获取(getElementById)
document.getElementById('id')
2.通过name属性(getElementsByName)
3.通过标签名(getElementsByTagName)
4.通过类名(getElementsByClassName)
5.获取html的方法(document.documentElement)
6.获取body的方法(document.body)
7.通过选择器获取一个元素(querySelector)
8.通过选择器获取一组元素(querySelectorAll)
二.取得html样式
取得元素的style即可:
document.getElementById('id').style
如:取得高度
document.getElementById('id').style.height
也可使用方法getBoundingClientRect(),取得更精确的信息:
document.getElementById('id').getBoundingClientRect().width
三.修改html样式
修改元素的style即可:
document.getElementById('id').style.height='10px'
待续...