JavaScript HTML Dom改变HTML

本人为小白，首次写博客  有不正确的地方望多多指点与见谅！！

 

一，改变HTML的内容

语法：

document.getElementById(id).innerHTML=new HTML；

具体用法：(1)

document.getElementById("p1").innnerHTML="你好";//把标签p1里的内容改为你好

具体用法：（2）

var XXX=document.getElementById("p2");
XXX.innerHTML="你好，世界";

二，改变HTML的属性

语法：

document.getElementById(id).attribute = new value;

例：

document.getElementById("p3").src="XXX.jpg";//将标签p3的图片换为XXX.jpg

三，更改HTML的样式

语法：

document.getElementById(id).style.prepetry = new style;

例：

document.getElementById("p4").style.color="red";//将标签P4的内容的字体改为红色

还可以添加进事件

<h1 id="p5">你好</h1>

<button type="button" onclick="document.getElementById('p5').style.color='red'">
点击这里
</button>