JavaScript.innerHTML属性

###innerHTML属性

*这个属性不是dom的组成部分，但是大多数浏览器都支持的属性

第一个作用：获取文本内容
*** //获取span标签
<span id=”sid”>哈哈哈</span>
var span1 = document.getElementById(“sid”);
alert(span1.innerHTML);

第二个作用：向标签里面设置内容（可以是html代码）
*** //向div里面设置内容 <h1>AAAAA</h1>
<div id=”divv”></div>
//获取到div
var div11 = document.getElementById(“div11”);
//设置内容
div11.innerHTML = "
<h1>AAAAA</h1>";

** 练习 ： 向div里面添加一个表格

• //向div里面添加一个表格
  //var tab = “<table border=‘1’><tr><td>aaaaaa</td></tr><tr><td>bbbbbb</td></tr><tr><td>cccccc</td></tr></table>”;
  var tab = “<table>”;
  tab += “</table>”;

//相当于 var tab = “<table></table>”;

div11.innerHTML = tab;

微信公众号【码农园区】，技术分享，值得关注