使用香草JavaScript创建按钮

我需要在vanilla javascript中创建以下按钮：

<button class="etmkug-14 SuUwW">
    <span class="etmkug-16 ctwFJG">Mark All Read</span>
</button>

---

是的，就是这样做的。您只需添加此行

document.body.append（按钮）


var-button=document.createElement（'button'）；
setAttribute（'class'，'etmkug-14 SuUwW'）；
setAttribute（'style'，'margin-left:10px；'）；
setAttribute（'id'，'mark-all-read'）；
var span=document.createElement（'span'）；
setAttribute（'class'，'etmkug-16 ctwFJG'）；
span.innerHTML='标记所有已读'；
按钮。追加子项（span）；
单据.正文.追加（按钮）如果你感到懒惰，你的朋友是谁；抓取一个容器并附加一些HTML

var container = document.getElementById('container');
container.innerHTML = container.innerHTML + '<button class="etmkug-14 SuUwW"><span class="etmkug-16 ctwFJG">Mark All Read</span></button>';

var container=document.getElementById（'container'）；
container.innerHTML=container.innerHTML+“标记所有已读”；
对我来说很合适。你测试过它吗？你有工作代码，你只需要尝试，还没有时间测试它，但…与公认的答案相比，有什么改进？
var container = document.getElementById('container');
container.innerHTML = container.innerHTML + '<button class="etmkug-14 SuUwW"><span class="etmkug-16 ctwFJG">Mark All Read</span></button>';

let newButton = document.createElement('button');
newButton.setAttribute("id", "myNewButton");
newButton.className = "myClassName";
newButton.innerText = "clickMe";
newButton.addEventListener("click", clickMe);
document.body.appendChild(newButton);
function clickMe(){
    console.log("Hi! I  am a new Button.");
}