JavaScript基础（改变html元素内容）

实现原理

HTML里的每个标签都可以看成一个对象，他们组成了DOM(Document Object Model)-文档对象模型。

每一个HTML元素都可以被定位。

找到元素之后我们就可以改变元素啦，继而就可以做出动态效果啦。

如何实现

1、为HTML里的元素设置id值

这个id是唯一的，不可重复设置，像身份证号一样。

<div id="p1">这是段落1。</div>
<div id="p2">这是段落2。</div>

2、在JS里找到这个元素

var p1=document.getElementById("p1");

get element by id ，意为通过ID来获取元素。好了，现在p1就代表一个p标签。

（注意getElementById的大小写）

3、改变HTML元素

用p1.innerHTML表示p1的内容，重新赋值就好了。

var r=p1.innerHTML;
p1.innerHTML="This  is change text.";