[javascript]javascript取得html元素，取得html樣式，修改html樣式
阿新 • • 發佈：2018-11-10
一.取得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'
待續...