案例
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script type="text/javascript">
onload=function(){
//把所有內容全部設置到層中。
document.getElementById('btn1').onclick=function(){
document.getElementById('dv').innerText='<h1>標題</h1>';
};
//把效果直接顯示出來
document.getElementById('btn2').onclick=function(){
document.getElementById('dv').innerHTML='<h1>標題</h1>';
};
//只獲取文字內容
document.getElementById('btn3').onclick=function(){
alert( document.getElementById('dv').innerText);
};
//獲取該效果的所有標簽和文本
document.getElementById('btn4').onclick=function(){
alert( document.getElementById('dv').innerHTML);
};
};
</script>
</head>
<body>
<div id="dv">
</div>
<input type="button" id="btn1" value="設置innerText"/>
<input type="button" id="btn2" value="設置innerHtml"/>
<input type="button" id="btn3" value="獲取innerText"/>
<input type="button" id="btn4" value="獲取innerHtml"/>
</body>
</html>
