如何在JavaScript中完全使用HTML按钮元素_Javascript_Html

如何在JavaScript中完全使用HTML按钮元素

javascript html

如何在JavaScript中完全使用HTML按钮元素,javascript,html,Javascript,Html,你能帮我找出如何在JavaScript中使用html按钮元素吗 document.write("<body> <div> </div> </body>") 问题是因为这可能意味着文本，而按钮不是文本。我想您需要append（）。这个例子是从 let parent=document.createElement（“div”）设p=document.createElement（“p”） parent.append（p）

你能帮我找出如何在JavaScript中使用html按钮元素吗

    document.write("<body> <div>  </div> </body>")

问题是因为这可能意味着文本，而按钮不是文本。

我想您需要

append（）

。这个例子是从

let parent=document.createElement（“div”）
设p=document.createElement（“p”）
parent.append（p）
console.log（parent.childNodes）//节点列表[]

这不是最正确的方法。必须创建元素并将其添加到DOM树中

let button = document.createElement('button');
document.body.append(button);

button.onclick = () => {
   alert('button clicked');
}

我会停止使用

document.write

它已经被许多更有用的操作方法所超越。

let parent = document.createElement("div")
let p = document.createElement("p")
parent.append(p)

console.log(parent.childNodes) // NodeList [ <p> ]

let button = document.createElement('button');
document.body.append(button);

button.onclick = () => {
   alert('button clicked');
}