[javascript]javascript取得html元素,取得html样式,修改html样式

一.取得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'

待续...

 

猜你喜欢

转载自www.cnblogs.com/vickylinj/p/9814955.html