<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<p>this is a test!总结：.innerHTML属性是JavaScript中设置某某标签的显示文本的属性。通常与①getElementById使用。例如：document.getElementById("aa").innerHTML=hero;</p>
<!-- 一号按钮用来测试innerHTML属性的使用情况。 -->
<button type="button" onclick="dj_1()">一号按钮，用户点击按钮，触发该按钮内设置的事件触发器onclick,触发定义的方法体dj_1()。改变另一个标签，p标签内的显示内容。</button>
<p id="aa">啊啊</p>
<script type="text/javascript">
function dj_1(){
var hero="baqi_ge";
document.getElementById("aa").innerHTML=hero;
//.innerHTML属性官方一点的解释是，设置或返回表格行开始标签与结束标签之间的内容。
//下面是通俗易懂的理解。
// .innerHTML属性代表的是，某某标签，例如这个标签是p标签。设置p标签开放标签与结束标签之间的显示内容。
// hero,这里的hero,是方法体dj_1()中设置的局部变量名称。将hero赋值给等号左边的getElementById("aa"),id="aa"的标签，document.getElementById("aa").innerHTML=hero。不是将hero赋值给id="aa"的p标签。而是将var hero="baqi_ge"，baqi_ge赋值给左边，即baqi_ge赋值给id="aa"d的p标签的显示内容。因为hero不是一个值，是一个变量名，baqi_ge才是要给值，是变量名hero的值。
// 开放标签与闭合标签，即开始标签与结束标签。是成对出现的标签中，左边的是开放标签，右边的是闭合标签。
}
</script>
</body>
</html>
innerHTML属性详细解释，以下内容可直接复制到编辑器中运行。
原文：https://www.cnblogs.com/kaotimo/p/12293133.html