二十五岁时我们都一样愚蠢、多愁善感,喜欢故弄玄虚,可如果不那样的话,五十岁时也就不会如此明智。
标题:JavaScript htmldom css
HTML DOM允许JavaScript来改变HTML元素的样式.
修改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>The paragraph above was changed by a script.</p> </body> </html>
使用事件
HTML DOM允许你,在事件发生时执行代码.
事件是当事件发生时由浏览器产生的:
- 点击一个元素
- 页面已加载
- 输入字段被更改
在本教程的下一章中,您将了解更多有关事件的信息.
下面的实例,当用户点击按钮时,修改id="id1"的元素的样式:
<!DOCTYPE html> <html> <body> <h1 id="id1">My Heading 1</h1> <button type="button" onclick="document.getElementById('id1').style.color = 'red'"> Click Me!</button> </body> </html>更多实例
Visibility如何使元素隐形。是否要显示元素?