javascript - 保存对 .innerHTML 的引用

Question

这个有效:

var button = $A("#aba_but_del")[0];
button.innerHTML = Su.Ani.flipPane.p1;

但这行不通

var button_text = $A("#aba_but_del")[0].innerHTML;
button_text = Su.Ani.flipPane.p1;

为什么？

根据 https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Operator_Precedence , . 具有最高的优先级。这是否意味着 .innerHTML 正在应用于 [0]？

Answer 1

javascript 中的所有原语都是不可变的。这意味着以下代码只是更改了字符串的不同实例:

button_text = Su.Ani.flipPane.p1;

在第一种情况下，按钮是一个引用 DOM 元素的对象。因此，当更改 innerHTML 属性值时，您正在更改 DOM 元素本身。