Javascript 不添加类

Question

我刚刚开始学习 JavaScript，我有一段代码无法正常工作，我不知道出了什么问题。

我已经多次检查过所有内容的名称是否拼写正确。

function beautify() {
  document.write("ja");
  var item = document.getElementById("top");    
  item.classList.add("beautiful");
  return;
}

Answer 1

请引用https://javascript.info

一个非常好的网站，值得引用。

document.body.innerHTML = "<button onclick='beautify()'>Click Me</button>"; 
document.body.innerHTML += "<h1 id='top'>Manish</h1>"; 

function beautify()
{ 
var item = document.getElementById("top");  
item.classList.add("beautiful");
}

.beautiful{
  color:red;
}