欢迎光临
我们一直在努力

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

赞(0) 打赏
未经允许不得转载:前端学习分享网 » innerHTML 属性

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏