Question

JavaScript问题，为什么var x=document.getElementById("header"); x.innerHTML="New Header";？

为什么这样可以？

<script>
var x=document.getElementById("header");
x.innerHTML="New Header";
</script>
这样不可以？
<script>
var x=document.getElementById("header").innerHTML;
x="New Header";
</script>
好的，是我脑子抽了，，
var x=document.getElementById("header").innerHTML；
再进行x=old；
语句是执行了，但是没有任何意义，没有继续的语句写入（或说设置）到<p >中，
所以<p></p>里边还是new。
少了一句document.getElementById("demo").innerHTML=x;才能显示old。
但是那样远不如
<script>
var x=document.getElementById("header");
x.innerHTML="New Header";
</script>
这样写简单！明白了，谢谢各位大哥！
但是分只能给一个，抱歉啊书生大哥......

Answer 1

<script>
var x=document.getElementById("header"); //这个x是个对象变量
x.innerHTML="New Header"; //这是给这个对象的某个属性赋值
</script>

<script>
var x=document.getElementById("header").innerHTML; //这个x则只是个字符串变量
x="New Header"; //所以这就变成给字符串变量赋值了
</script>

追问

抱歉没有采纳书生大哥的答案。
被二楼点醒了，分给了他。
大哥想要分的话可以私信小弟，我再弄个问题给你答~

追答

看了你补充的问题，说明你还没有真正的理解：

var x=document.getElementById("header").innerHTML;
x="New Header";
document.getElementById("demo").innerHTML=x;

其实你这样的话你第一行完全是多余的知道吗？你可以这样：

var x="New Header";
document.getElementById("demo").innerHTML=x;

或者这样更简单：

document.getElementById("demo").innerHTML="New Header";

Answer 2

var x=document.getElementById("header").innerHTML 这样是读取#header里面的内容赋值给x，而x.innerHTML="New Header" 是设置x的属性innerHTML为"New Header" 。
一个是读取，一个是设置。

Answer 3

你的x是id为"header"的对象，x.innerHTML=“***”;是将该对象的内容替换为“***”；
替换的内容可以是自己写的东西，也可以是Html语句。x这个对象是不能直接给它用x="Header"这种方式给值的。