为什么我的代码中document.getElementById()命令无法正常生效？

问题根因 #

• 你操作的<h1>是普通展示类DOM元素，不属于表单输入控件，没有value属性，只有<input>、<textarea>这类表单元素才支持通过value读写内容，你用value赋值自然不会生效。
• 普通DOM元素修改内容需要使用textContent、innerText或者innerHTML属性。

修正方案 #

如果需要保留<h1>中原有的「Author: 」前缀，使用拼接赋值即可，修正后的JS代码如下：

var content = "Ensar Ergok";
// 仅插入纯文本推荐用textContent，不会解析HTML标签，安全性和性能更优
document.getElementById("author").textContent += content;

// 如果你后续需要插入带HTML格式的内容，再使用innerHTML
// document.getElementById("author").innerHTML += `<span style="color:red">${content}</span>`;

如果你不需要保留原有前缀，直接把+=换成=即可覆盖原有内容。

内容的提问来源于stack exchange，提问作者Leo