本文通过一个简单的示例展示了如何使用JavaScript获取HTML元素的innerHTML、outerHTML、innerText及outerText属性。通过点击按钮，可以弹窗显示指定DIV元素的不同属性值。
程序代码<div id="div">
<input name="button" value="Button" type="button">
<font color="green">
<h2>This is a DIV!</h2>
</font>
</div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">
运行，即可看到效果
<input name="button" value="Button" type="button">
<font color="green">
<h2>This is a DIV!</h2>
</font>
</div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">
扫一扫
1273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
