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

一.取得html元素网址:yii666.com<

详情见:https://www.jb51.net/article/116460.htm文章地址https://www.yii666.com/article/758308.html

1.通过ID获取(getElementById)

document.getElementById('id')

2.通过name属性(getElementsByName)

document.getElementsByName('name')

3.通过标签名(getElementsByTagName)

document.getElementsByTagName('p')

4.通过类名(getElementsByClassName)

document.getElementsByClassName('class')

5.获取html的方法(document.documentElement)

document.documentElement是专门获取html这个标签的。

document.documentElement

浏览器控制台返回结果:文章来源地址:https://www.yii666.com/article/758308.html

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

6.获取body的方法(document.body)文章来源地址https://www.yii666.com/article/758308.html网址:yii666.com

document.body是专门获取body这个标签的。

document.body

浏览器控制台返回结果:

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

7.通过选择器获取一个元素(querySelector)

document.querySelector('div .class')

8.通过选择器获取一组元素(querySelectorAll)

ocument.querySelectorAll('div .class')

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

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

[javascript]javascript取得html元素,取得html样式,修改html样式-相关文章

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png