当前位置: 首页 > 前端技术 > 正文

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或是其他形式,大小写要严格遵守,不然无法获取或者设置数据。

innerHTML 属性:等您来吐槽!