One—innerHTML
获取和设置标签里所有内容(包括子标签)
获取 语法:object.innerHTML
例:
<div id= 'box'>
<p>明天,您好!</p>
</div>
<script>
var oBox = document.getElementById( 'box' );
alert( oBox.innerTHML );
</script>
设置 语法:Obj . innerHTML = ' <标签>内容</标签> ';
<script>
var oBox = document.getElementById( 'box' );
oBox.innerHTML = '<p>明天会更好</p>' ;
</script>
注意:
用 = 会把原来的覆盖掉,如果不覆盖用 += ;
Two innerText
获取和设置标签里的文本内容(不包括子标签)
获取 语法:object.innerText
<div id= 'box'>
<p>明天,您好!</p>
<p>明天会更好</p>
</div>
<script>
var oBox = document.getElementById( 'box' );
alert( oBox.innerText );
</script>
设置 语法:Obj . innerText= '文本内容';
<script>
oBox.innerText = '明天会更好';
</script>
注意:如果对div设置会破坏div里的子元素;
所以如果要用innerText来设置则要对内容标签来设置;
innerHTML与innerText区别
innerHTML会解析标签:
innerText不会解析标签,会以文本的形式显示出来