innerHTML 属性

定义：

inerHTML是html标签的属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。（获取HTML当前标签的起始和结束里的内容，不包括标签本身）

用法：

元素名.innerHTML    （读取元素内的所有HTML内容）

元素名.innerHTML = 新的值    （替换或修改元素内的所有HTML内容）

例：

<input id="text1" type="text" />
<input id="btn1" type="button" value="按钮" />
<p id="p1">这是一些文字....</p>

<script>
window.onload = function (){
	var oBtn = document.getElementById('btn1');
	var oText = document.getElementById('text1');
	var oP = document.getElementById('p1');

	oBtn.onclick = function (){
		alert( oP.innerHTML );		//读取oP元素里的内容
		oP.innerHTML = oText.value;	//oP元素里的内容为oText的值
	};
};
</script>

注意：innerHTML不可写为innerHtml或是其他形式，大小写要严格遵守，不然无法获取或者设置数据。