js怎样修改html元素的内容？HTMLDOM是什么？

　　js怎样修改html元素的内容？HTMLDOM是什么？

　　js如何修改html元素的内容？本章将向您介绍如何在js中使用HTML DOM来修改html元素的内容。有一定的参考价值，有需要的朋友可以参考一下，希望对您有所帮助。

　　首先，我们需要了解什么是HTML DOM？ HTML DOM的作用是什么？

　　HTML DOM，是文档对象模型的缩写，当加载网页时，浏览器将创建页面的文档对象模型。

　　HTML DOM模型可以构造为对象树。如下图所示：

　　通过HTML DOM，您可以访问JavaScript HTML文档中的所有元素，并且具有创建动态HTML的足够能力。通过HTML DOM，JavaScript可以实现以下功能：

　　js可以修改页面中的所有HTML元素；

　　js可以修改页面中的所有HTML属性；

　　js可以修改页面中的所有CSS样式；

　　js可以对页面上的所有事件做出反应。

　　我们专门介绍如何通过HTML DOM和js修改html元素的内容：

　　1、 js修改并添加html内容

　　js可以创建和添加动态HTML内容，并使用write（）方法将HTML表达式或JavaScript代码直接写入HTML文档。

　　可以在write（）方法中列出多个参数（exp1，exp2，exp3等），并将它们按顺序附加到文档中。

　　语法：

　　document.write(exp1,exp2,exp3,....)

　　说明：

　　尽管根据DOM标准，write（）方法仅接受单个字符串作为参数。但是，write（）可以接受任意数量的参数。

　　我们通常通过以下两种方式使用write（）方法：

　　1、正在使用此方在文档中输出HTML

　　2、在调用此方法的窗口以外的窗口或框架中创建一个新文档。注意：这样，请确保使用close（）方法关闭文档。

　　示例：

document.write("<p>Hello World! ","现在是：",Date());

</p>

　　效果图：

　　2、 js修改并替换htnl元素的内容

　　用js修改和替换html元素的内容的最简单直接的方法是使用innerHTML属性。

　　语法：

　　document.getElementById(id).innerHTML=new HTML

　　document.getElementById（id）用于查找和获取需要修改并用id替换的HTML元素，然后使用innerHTML属性来修改和替换html元素的内容。

　　示例（更改元素的内容）：

Old Header

var element=document.getElementById("header");

element.innerHTML="New Header";

<p>"Old Header" 已被修改为 "New Header"。

</p>

　　效果图：

　　说明：

　　示例中的HTML文档收录;元素。

　　我们使用HTML DOM查找并获取;的元素。

　　您可以使用innerHTML属性修复并替换html元素中的所有内容。