本文通过一个简单的HTML示例详细解释了innerHTML、outerHTML、innerText及outerText这四个关键属性的区别。通过对示例中按钮点击事件的定义，展示了如何使用JavaScript来获取这些属性的值。
<html>
<head>
<title>innerHTML、outerHTML、innerText、outerText的区别</title>
</head>
<body>
<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);">
</body>
</html>
<head>
<title>innerHTML、outerHTML、innerText、outerText的区别</title>
</head>
<body>
<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);">
</body>
</html>
扫一扫
1272
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
