js中如何改变html标签的style样式

时间:2024-10-13 21:28:28

1、新建一个html文件,命名为test.html,用于讲解js中如何改变html标签的style样式。

js中如何改变html标签的style样式

2、在script标签内,创建一个h1标签,在style属性中设置文字颜色为蓝色。

js中如何改变html标签的style样式

3、在script标签内,使用getElementsByTagName方法h1标签对象。

js中如何改变html标签的style样式

4、在script标签内,再使用getAttributeNode方法获得style属性对象,通过给value属性赋值实现改变标签的style样式,例如,这里将文字颜色改变为红色。

js中如何改变html标签的style样式

5、在浏览器打开test.html文件,查看结果。

js中如何改变html标签的style样式
© 手抄报圈