实现原理
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.";