innerHTML

原创于 2019-08-21 17:10:11 发布 · 2.7k 阅读

10 ·

CC 4.0 BY-SA版权

面向对象的方法专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了innerHTML属性的功能，解释了如何使用innerHTML获取和设置HTML元素的内容。通过实例展示了当innerHTML包含HTML标签时，这些标签将被解析并显示相应效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

innerHTML 指的是标签间的所有内容。
如果在innerHTML包含标签，标签会被识别，并且会被解析，呈现对应的效果。

【例】：

<div id="div1"><em>斜体</em></div>
<input type="button" id="btn" value="按钮" />

window.onload = function(){
	var OBtn = document.getElementById("btn");
	var ODiv = document.getElementById("div1");
	OBtn.onclick = function(){
		alert(ODiv.innerHTML);                  //获取div标签间的内容
		ODiv.innerHTML = "<h1>我是替换文本</h1>"      
			        //设置div标签间的内容
		};
	}