手动删除值后无法通过 JS 设置输入值（Chrome & FF）答案

【问题标题】：Cant set input value via JS after manually deleted the value (Chrome & FF)手动删除值后无法通过 JS 设置输入值（Chrome & FF）
【发布时间】：2014-10-04 09:51:45
【问题描述】：

我正在创建一个简单的 HTML 表单，让您可以单击文本并在输入字段中设置值。

问题是当我手动删除值时，我无法点击并设置新值。

我创建了一个 JSFiddle：http://jsfiddle.net/s4faujvo/

    document.getElementById("pnr").setAttribute("value", this.textContent);

（点击 2222 和 9999 来查看它的变化，手动删除/清空值，再次点击 222 或 999）

IE9：工作
FF 25：不工作
谷歌浏览器 30.0.1599.66：不工作

我在这里做错了吗？

【问题讨论】：

标签： javascript html internet-explorer google-chrome firefox

【解决方案1】：

值是属性，而不是属性。要访问，请使用： document.getElementById("pnr").value=this.textContent;.

【讨论】：

现在很尴尬 :-D 谢谢！