动态修改元素内容 innerText、innerHTML、outerText、outerHTML
2013-07-18 14:21
471 查看
<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
function IT(){
f1.innerText="innerText";
}
function IH(){
f1.innerHTML="<H1>innerHTML</H1>";
}
function OT(){
f1.outerText="outerText";
}
function OH(){
d1.outerHTML="<H2>outerHTML</H2>";
}
</script>
<body>
<div id="d1"><font id="f1" size="5" color="blue"></font></div>
<input type="button" value="innerText" onclick="IT()">
<input type="button" value="innerHTML" onclick="IH()">
<input type="button" value="outerText" onclick="OT()">
<input type="button" value="outerHTML" onclick="OH()">
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 看到一个Ajax代码后涉及到的innerText，outerText，innerHTML，outerHTML 的内容
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的用法与
- DOM中的innerHTML、innerText和outerHTML、outerText的区别
- innerText,innerHTML,outerText,outerHTML比较
- innerHTML、outerHTML、innerText、outerText的区别
- DOM中的outerHTML,innerHTML,outerText,innerText的区别
- [转]javascript innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- 《查找表格内部元素及对其内容动态修改【查找表格控件】》
- innerHTML和innerText的用法（动态改变网页内容）
- innerHTML、innerText、outerHTML、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML,outerHTML,innerText,outerText的用法及区别解析