如果我设置`le Let x = document.getElementById（'inputText＆quot; quot; quot; quot value'并更新'x`，为什么do nor do doal noce Update not doal the Value Update？

Question

在下面的示例中，为什么value输入的属性 test 更新为“ second”？

document.getElementById("test").addEventListener("click", () => {
  let test = document.getElementById("test").value;
  
  test = "second";
  console.log(test); // Logs "second", but input value is not updated.
});

<label>Click on this test input: <input type="text" id="test" value="first"></label>

Answer 1

尽管JavaScript最终将所有内容都视为对象，但我相信只有阵列和对象是通过引用传递的。字符串，INT和浮子按价值传递。

文本输入将始终为您提供一个字符串（即使您将输入限制为数字）

Answer 2

<script type="text/javascript">
    getText = function() {      
        var test = document.getElementById('test').value;
        test = "second";
        //note: if you insert "alert(test)" it returns "second"
        document.getElementById('test').value = test;
    }
</script>

Answer 3

您需要这样做：

document.getElementById('test').value = "second";

或者

var el = dcument.getElementById('test');
el.value = "second";

关于原因，我相信这与JavaScript是“通过参考”或“通过价值”语言有关/stackoverflow.com/questions/518000/is-javascript-is-a-a-pass-by-reference-orference-or-pass-by-value-language">非常有趣的讨论此处。 （我不确定这一点，如果我错了，请纠正我）。

Answer 4

因为它是一个字符串，并且作为值传递，而不是作为引用传递。因此value的内容被复制到test

Answer 5

因为您将 value test作为字符串document.getElementById（'test'）。值。

您不是将两者链接在一起。

如果您想这样做，则可以使用一个函数：

function test(x) {
  document.getElementById('test').value = x;
}

test('foo');

在Python中，您可以执行此操作。在JavaScript中，我不这么认为。

Answer 6

因为JavaScript分配了X作为值，而不是对原始对象的引用。

例如，您可以：您可以：

function setText(x) {
    document.getElementById('test').value = x;
}

getText = function() {      
    return document.getElementById('test').value;
}

使用setText（）设置的值将由getText（）反映，因为getText（）将还使用参考对象的值，而不是值的副本。

编辑

正如布莱恩（Bryan）指出的那样，这将是具有全局范围的参考副本：

var test = document.getElementById('test');

function setText(x) {
    test.value = x;
}

getText = function() {      
    return test.value;
}

http：http：/ /jsfiddle.net/nlj2a/

原始test变量存储对元素的引用，而不是与元素属性相关的值。

Answer 7

您正在将值复制到变量。更改变量不会更改原始变量，因为变量只包含一个副本。

如果将元素的引用存储在变量中，则可以使用它来设置值：

var test = document.getElementById('test');
test.value = "second";

Answer 8

您将元素的值分配给变量，然后更改变量。这并不反映在元素的值中。您需要更改元素的值。

document.getElementById('test').value = "second";

Answer 9

因为

document.getElementById('test').value

是 getter，as

document.getElementById('test').value = "second"

是 setter

Answer 10

test = document.getElementById('test').value;

...只为您提供该时刻的值的副本。当您修改 test 时，您需要将其放回到您想要更改的输入字段中：

var test_input = document.getElementById('test');
test_input.value = "second";

Answer 11

将局部变量 test 设置为“second”不会执行任何操作。我假设您希望 getText 更新 DOM。试试这个：

 getText = function() { document.GetElementById('test').value("second"); }

Answer 12

指向元素而不是值： http://jsbin.com/axufi4/edit