javascript - 当我尝试使用其类名将子元素附加到 div 时，它不会附加元素但如果我直接使用 div 附加

Question

当我尝试使用其类名将子元素附加到 div 时，它不会附加元素，但如果我直接将元素附加到 div 而不使用类名，那么它很容易附加它。而且我已经尝试过 window.onload 但它不起作用。

 // Not appending event after the use of window.onload 

let para = document.createElement('p').textContent = 'anything';
  document.querySelector('chat-box').appendChild(para);

这里的聊天框是 div 元素的类名

但是如果我直接附加到它就可以了

let para = document.createElement('p').textContent = 'anything';
  document.querySelector('div').appendChild(para);

标签： javascripthtml

Answer 1

您的初始化表达式导致para对 string 的引用'anything'，而不是新<p>标签。你必须解决这个问题：

let para = document.createElement('p');
para.textContent = 'anything';

然后你必须修复选择器：

document.querySelector('.chat-box').appendChild(para);

是.chat-box按班级选择的。