如何修复 "Cannot set property of undefined"？

Question

我正在尝试在用户按下按钮时更改我的可编辑 div 框的背景颜色，但是当按下按钮时，除了背景颜色之外的所有内容都会更改：

function saveBio() {

 let biography = document.getElementById("bio-content").innerHTML;
  biography = localStorage.setItem('bio', biography);

 let content = document.getElementById("bio-content").setAttribute("contenteditable", false).backgroundColor = "green";`
}

我收到错误：

类型错误：无法设置未定义的属性 'backgroundColor'。

我在网上寻找解决方案，甚至是关于此问题的类似问题，但它们对我正在寻找的内容并没有真正帮助。我究竟做错了什么？为什么控制台显示为未定义？

我什至做过：

let content = document.getElementById("bio-content").setAttribute("contenteditable", false).style.backgroundColor = "green";

尽管风格不属于那里。

控制台返回：类型错误：无法读取未定义的属性 'style'。

我该如何解决这个问题？

Answer 1

let content = document.getElementById("bio-content").setAttribute("contenteditable", false).backgroundColor = "green";`

这里的问题是，以下内容：

document.getElementById("bio-content").setAttribute("contenteditable", false)

Will return undefined，这会阻止您链接其他调用。

您可以保存元素参考，然后进行更改：

const element = document.getElementById("bio-content");
element.setAttribute("contenteditable", false)
element.style.backgroundColor = "green";

如何修复 "Cannot set property of undefined"？

How do I fix "Cannot set property of undefined"?

html

javascript

methods

typeerror

console.log