javascript - 无法设置 null 的属性 'innerHTML' 为什么我会收到此错误

标签 javascript html javascript-objects innerhtml dom-events

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>
  <div class="demo">heoo</div>
  <script>
    var person = {
      name: "john",
      age: 50
    };
    var result = person.name;
    document.getElementById('demo').innerHTML = result;
  </script>
</body>
</html>

我想将 person 对象属性值显示到 div 中,但它是 显示无法将innerHTML 设置为null。 请给我一些答案。

最佳答案

class="demo"更改为id="demo"

或者您的代码:

document.getElementsByClassName('demo')[0].innerHTML= result;

关于javascript - 无法设置 null 的属性 'innerHTML' 为什么我会收到此错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45782906/

相关文章:

javascript - javascript 中 window.onload 和 document.ready 的区别

javascript - 是否有任何 MooTools 插件到 jQuery 插件的自动转换器?

jQuery - 为什么附加到文档的按钮不会触发?

javascript-objects - JavaScript 对象创建方法

javascript 数组 - 用单引号分隔值和值的值

javascript - 更改图像分辨率但保持物理尺寸

css - 如何删除页面上的滚动条?

javascript - 发送联系表格后的电子邮件无效

javascript - 如何使用 JavaScript 对象方法计算并返回值

javascript - 将数组对象显示为表格