追加的dom元素为空[重复]

Question

此问题已经在这里有了答案：

document.querySelector(…) is null error（2个答案）

关闭3分钟前。

我制作了一个dom元素并将其附加到根div。但是，找不到创建的dom元素。有什么问题吗？

const root = document.querySelector('#root');
const box = document.createElement('div');
box.className = 'container';
root.appendChild(box);
document.querySelector('container').innerHTML = 'why?'

<div id="root"></div>

控制台：未捕获的TypeError：无法将属性'innerHTML'设置为null

Answer 1

如果要放置类，请使用queryselector。如果id将＃作为前缀

const root = document.querySelector('#root');
    const box = document.createElement('div');
    box.className = 'container';
    root.appendChild(box);
    document.querySelector('.container').innerHTML = 'why?'