html dom 允许 javascript 更改 html 元素的样式。
如需更改 html 元素的样式,请使用此语法:
document.getelementbyid(id).style.property = new style
下面的例子更改了 <p> 元素的样式:
<html> <body> <p id="p2">hello world!</p> <script> document.getelementbyid("p2").style.color = "blue"; </script> <p>上面的段落已被脚本改变。</p> </body> </html>
html dom 允许您在事件发生时执行代码。
当“某些事情”在 html 元素上发生时,浏览器会生成事件:
您将在本教程的下一章学到更多有关事件的知识。
本例会在用户点击按钮时,更改 id="id1" 的 html 元素的样式:
<!doctype html> <html> <body> <h1 id="id1">我的标题 1</h1> <button type="button" onclick="document.getelementbyid('id1').style.color = 'red'"> 点击我! </button> </body> </html>
如对本文有疑问, 点击进行留言回复!!
使用纯前端JavaScript实现Excel导入导出方法过程详解
微信小程序完美解决scroll-view高度自适应问题的方法
bootstrap-closable-tab可实现关闭的tab标签页插件
网友评论