通过 HTML DOM,JavaScript 能够访问 HTML 文档中的每个元素。
改变元素内容的最简单的方法是使用 innerHTML 属性。
下面的例子更改 <p> 元素的 HTML 内容:
通过 HTML DOM,您能够访问 HTML 对象的样式对象。
下面的例子更改段落的 HTML 样式:
<p id="p2">Hello world!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
</body>
</html>
HTML DOM 允许您在事件发生时执行代码。
当 HTML 元素"有事情发生"时,浏览器就会生成事件:
你可以在下一章学习更多有关事件的内容。
下面两个例子在按钮被点击时改变 <body> 元素的背景色:
在本例中,由函数执行相同的代码:
下面的例子在按钮被点击时改变 <p> 元素的文本:
以上5个实例能够帮助您更好地理解如何修改HTML内容,建议您多仔细看几遍,并动手操作一下再进行下一章节HTML DOM元素的学习
在本章中,我们来研究控制指令和表达式。基于某些条件的样式或多次应用相同样式的变体可以通过使用SassScript支持的控制指令和表...
描述 @import(inline)会将CSS复制到输出CSS文件中,而不进行处理。 当CSS文件不是LESS兼容时,这是有用的。 虽然LESS支持大多数...
CSS3 @font-face 规则在CSS3之前,web设计师必须使用已在用户计算机上安装好的字体,不能够使用离线字体,不过通过CSS3,web设计...
CSS Float(浮动)CSS float 属性定义元素在哪个方向浮动,浮动元素会生成一个块级框,直到该块级框的外边缘碰到包含框或者其他的...
HTML del 标签当HTML页面中有使用 del 标签删除的文本的时候,可以使用 datetime 属性设置文本删除的日期与时间。实例一个段落,...