如何在JavaScript for Chrome中设置innerText？

Question

我正在尝试在Chrome中在元素的开始标记和结束标记之间设置innerText，但是到目前为止，它不起作用。 这是为什么？ 我已经尝试过这些：

element.balanceText = "Changed.";
element.innerText = "Changed.";
element.innerHTML = "Changed.";
element.textContent = "Changed.";
element.value = "Changed.";
$(element).val("Changed.");

这是小提琴： http : //jsfiddle.net/La1tadpd/

Answer 1

您的jsFiddle配置为使用Coffee Script而不是普通的JavaScript，因此，您会收到错误消息：

未捕获的SyntaxError：保留字“ var”

由于input标签是无效的HTML，我建议删除浏览器创建的其他文本节点，然后用包含所需文本的div替换input元素：

 var element = document.getElementById('test'); element.nextSibling.parentNode.removeChild(element.nextSibling); var div = document.createElement('div'); div.textContent = 'Changed.'; element.parentNode.replaceChild(div, element); 

 <input id='test'>Hello</input> 

Answer 2

输入是无效元素，您无法做任何其他事情

所以我们写<input/>而不是<input></input>因为它不能包含自定义内容

在这里查看该教程http://naveendev.hol.es/tutorial/void-elements-in-html

NoModificationAllowedError：无法在'HTMLElement'上设置'innerText'属性：'input'元素不支持文本插入。

因为它是一个空元素