创新互联HTMLDOM教程：HTMLDOM修改HTML内容

HTML DOM - 修改 HTML 内容

通过 HTML DOM，JavaScript 能够访问 HTML 文档中的每个元素。

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站制作、网站设计、邵原网络推广、微信小程序、邵原网络营销、邵原企业策划、邵原品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供邵原建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

改变 HTML 内容

改变元素内容的最简单的方法是使用 innerHTML 属性。

下面的例子更改

元素的 HTML 内容：

实例

Hello World!

尝试一下 »

改变 HTML 样式

通过 HTML DOM，您能够访问 HTML 对象的样式对象。

下面的例子更改段落的 HTML 样式：

实例

Hello world!

尝试一下 »

使用事件

HTML DOM 允许您在事件发生时执行代码。

当 HTML 元素"有事情发生"时，浏览器就会生成事件：

• 在元素上点击
• 加载页面
• 改变输入字段

你可以在下一章学习更多有关事件的内容。

下面两个例子在按钮被点击时改变 元素的背景色：

实例

value="Change background color" />

尝试一下 »

在本例中，由函数执行相同的代码：

实例

value="Change background color" />

尝试一下 »

下面的例子在按钮被点击时改变

元素的文本：

实例

Hello world!

尝试一下 »

以上5个实例能够帮助您更好地理解如何修改HTML内容，建议您多仔细看几遍，并动手操作一下再进行下一章节HTML DOM元素的学习

文章题目：创新互联HTMLDOM教程：HTMLDOM修改HTML内容
分享网址：http://www.shufengxianlan.com/qtweb/news22/307872.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联