使用document.getElementById遇赋值错误报错，请求技术帮助

嘿，我来帮你搞定这个问题！你遇到的报错和页面不显示内容的核心原因是赋值方式错误，咱们一步步拆解：

错误根源 #

你写的JS代码：

document.getElementById("demo") = "test";

这里犯了一个基础错误：document.getElementById("demo")返回的是一个DOM元素对象，你不能直接给这个对象本身赋值。要修改元素显示的内容，必须通过元素的内容属性来操作，比如textContent或innerHTML。浏览器抛出的Uncaught ReferenceError: Invalid left-hand side in assignment就是在告诉你：赋值语句的左边不能是一个对象，得是可被赋值的属性。

修正后的代码 #

把你的JS代码改成下面两种方式之一就行：

推荐方案（安全优先） #

用textContent设置纯文本内容（不会解析HTML，避免XSS风险）：

document.getElementById("demo").textContent = "test";

备选方案（需插入HTML时用） #

如果之后需要往元素里插入HTML标签，可以用innerHTML：

// 示例：插入带样式的文本
// document.getElementById("demo").innerHTML = "<strong>test</strong>";

补充说明 #

你尝试调整script标签位置的思路是对的（把script放在body末尾确实能确保DOM元素先加载完成），但这次问题不在DOM加载顺序，而是代码逻辑错误，所以调整位置没用。修改完JS代码后，再打开HTML文件，页面就能正常显示"test"啦！

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