可以存取HTML标记内容的属性:
- innerHTML:可以存取对象中的HTML,但不含对象标记本身。
- innerText:可以存取对象中的Text,但不含对象标记本身。
- outerHTML:可以存取对象中的HTML,且含对象标记本身。
- ouertText:可以存取对象中的Text,且含对象标记本身
测试代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function show(){
var a=document.all("idCodeDiv");
// a.innerText="123<br />123";
a.innerHTML="123<br/>123";
//a.outerText="123<br />123"
//a.outerHTML="123<br />123"
}
</script>
<style type="text/css">
<!--
#idCodeDiv {
position:absolute;
left:84px;
top:60px;
width:146px;
height:119px;
z-index:1;
background-color: #99FFFF;
}
-->
</style>
</head>
<body>
<div id="idCodeDiv"></div>
<input type="button" id="button1" value="submit" οnclick="show()"/>
</body>
</html>