addClassはJS

Question

を壊し、私は次のコードを書いた：

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

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

このコードは、任意の問題が発生することはありませんでした。

すぐに、newButtonの下に次のコードを追加した瞬間、突然、JSが壊れました（JSがサイト内のどこにでも正しくロードされません）。

newButton.className = 'menuButton'; 

コンソールは、このエラーを返します：

Uncaught DOMException:

Failed to execute 'createElement' on 'Document':

The tag name provided (' div ') is not a valid name.

これはなぜ起こるのでしょうか？このようにして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';