为什么我不能使用JavaScript编辑样式属性？

Question

所以，我只是试图用JavaScript使re.findall出现在onkeyup事件上，由于某种原因，它不允许我这样做，但出现错误：

  

未捕获的TypeError：无法读取null的属性“样式”

这是我的代码：

HTML：

<div>

Javascript：

<div class="content" id="content" style="display: none">

可以帮忙吗？谢谢。

Answer 1

我想您的函数是在将块“内容”添加到DOM之前调用的。

您可能希望在调用函数之前等待DOM准备就绪，或者按如下所示通过按钮调用它：

function showContent() {
  document.getElementById('content').style.display = 'block';
}

.content {
  width: 200px;
  height: 100px;
  background: red;
}

<button onClick="showContent()">Show Block</button>

<div class="content" id="content" style="display: none">