"can't access property "display", document.getElementById(...) is null" 按下按钮后隐藏 div

Question

我正在尝试在按下按钮后使我的主要 div 的“显示：'none'”。但它返回一个错误，该错误似乎表明 getElementByID 字段为空。

这是我正在使用的代码片段：

<div className="content" style={Style}>
        <ButtonGroup variant="contained" color="primary" size="large">
        <Button onClick={() => {this.loadtrainingresources()}}>TRAINING RESOURCES</Button>
        </ButtonGroup>
</div>

loadtrainingresources = () =>{
document.getElementById("content").display = "none";
}

Error Output

Answer 1

你忘了样式

document.getElementById("content").style.display = "none";

https://www.w3schools.com/jsref/prop_style_display.asp

"can't access property "display", document.getElementById(...) is null" 按下按钮后隐藏 div

"can't access property "display", document.getElementById(...) is null" after button press to hide div

html

css

button

getelementbyid

display