今天在学习DOM时看到innerHTML属性,想全面了解,经过百度以及自己实践,得到innerHTML可以得到标签中的内容,以及向标签中追加内容,代码如下:
1.获取div标签中的内容
这是内容
<button id = "btn">点我获取上面的内容</button> -->
var btn = document.getElementById("btn");//获取button
btn.onclick = function (){ //给button添加点击事件
var bb = document.getElementById("aa").innerHTML;
alert(bb);
}
2. 在h1标签中追加内容
点我添加内容
var btn = document.getElementById("btn");
btn.onclick = function () {
var tt = document.getElementById("h1").innerHTML = "这是追加的内容"
// alert(tt);
}