HTML DOM 教程

HTML DOM - 修改HTML元素

HTML 元素可以通过使用JavaScript、HTML DOM、事件events来修改。

修改一个HTML元素

HTML DOM 和JavaScript可以改变HTML元素的内部内容inner content，以及HTML元素的属性。

下面的实例改变了<body>元素的背景颜色background color。

innerHTML:修改HTML元素的文本内容

获取或者修改一个HTML元素的文本内容text最简单的方法就是使用innerHTML属性。

下面的实例改变了<p>元素标签的文本内容。

使用事件events改变HTML元素

一个事件处理器允许你当一个事件发生时处理某段代码。

事件的发生是用户点击了一个元素后，由浏览器执行的。或者是当页面被加载时，或者是提交一个表单时...等等。

下一节我们将更详细地了解事件。我们先看一个实例，当一个按钮Button被点击时，改变</body>元素标签的背景颜色background color(bgColor)：

使用函数function改变一个元素的文本text

下面的实例使用了一个函数，点击按钮时改变<p> 元素标签的文本值：

使用Style对象

每一个HTML元素的Style对象代表了它特有的样式。

下面的实例使用一个函数，当点击按钮时改变<body> 元素标签的样式。

改变一个元素的字体和颜色

下面的实例使用了一个函数，点击按钮时改变<p> 元素标签的样式：

HTML DOM 节点信息 HTML DOM 节点信息  HTML DOM 事件HTML DOM 事件 HTML DOM 事件