x.innerHTML="Hello JavaScript!"; // 改变内容 x.innerHTML="Hello"; 为什么输出只有第二句
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
x.innerHTML="Hello";
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
变量存储原理弄懂了就知道了
innerHTML 属性用于设置开始和结束标签之间的 HTML。
x.innerHTML="Hello JavaScript!"; // 改变内容
x.innerHTML="Hello"
所以第二句x.innerHTML="Hello"会覆盖前一句内容。