javascript innerHTML 不起作用[重复]答案

【问题标题】：javascript innerHTML is not working [duplicate]javascript innerHTML 不起作用[重复]
【发布时间】：2017-05-03 17:13:54
【问题描述】：

javascript innerHTML 没有更新输入字段的值

	var i = document.getElementById("inp-text");
	i.innerHTML = 'hello';

<!DOCTYPE html>
<html>
<head>
	<title>Java Script innerHTML not working</title>
</head>
<body>
<input type="text" id="inp-text" name="" />

</body>
</html>

【问题讨论】：

innerHTML 是一个 DOM 属性，用于将内容插入到元素的指定 id。它在 Javascript 中用于操作 DOM。 innerHTML 仅用于插入新元素，value 用于在输入字段和文本区域中插入值

标签： javascript html

【解决方案1】：

对于表单元素，您需要更新value 属性以更新内容。

var i = document.getElementById("inp-text");
i.value = 'hello';

&lt;input type="text" id="inp-text" name="" /&gt;

【讨论】：