Question

我写了以下代码：

document.addEventListener("DOMContentLoaded", ()=>{
    let menu = document.querySelector(' #menu-mainmenu ');
    menu.style.display = 'none';
});

let newButton = document.createElement(' div ');

此代码没有引起任何问题。

当我在let newButton下添加以下代码的那一刻，突然之间，JS似乎破了（没有JS可以在网站的任何地方正确加载）。

newButton.className = 'menuButton';

控制台返回此错误：

未捕获的DOMException：

无法在'Document'上执行'createElement'：

提供的标签名称（'div'）不是有效名称。

为什么会这样？以这种方式创建div元素有什么问题？

Answer 1

div标记周围有额外的空格，这会导致错误。删除它们

document.addEventListener("DOMContentLoaded", ()=>{
    //let menu = document.querySelector(' #menu-mainmenu ');
    //menu.style.display = 'none';
    console.log('Worked !!!');
});

let newButton = document.createElement('div');
newButton.className = 'menuButton';

addClass打破了JS

1 个答案: