document.body.appendChild() 不工作<form>
[英]document.body.appendChild() not working with <form>
問題描述
我正在運行 w3schools 的代碼以動態地向頁面添加按鈕。 這是代碼。
<!DOCTYPE html> <html> <body> <p>Click the button to make a BUTTON element with text.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var btn = document.createElement("BUTTON"); var t = document.createTextNode("CLICK ME"); btn.appendChild(t); document.body.appendChild(btn); } </script> </body> </html>
但是當我有一個<form>標簽時，這個動態添加不起作用。 我可以對 JavaScript 進行哪些更改以適應動態按鈕而無需刪除<form>標記？
1 個解決方案
解決方案1
1 已采納 2017-02-07 14:58:41
function myFunction() { var btn = document.createElement("BUTTON"); var t = document.createTextNode("CLICK ME"); btn.appendChild(t); document.getElementById('theForm').appendChild(btn); } </script>
<p>Click the button to make a BUTTON element with text.</p> <button onclick="myFunction()">Try it</button> <form id="theForm"> </form>
document.body.appendChild(form) 復制頁面底部的表單
[英]document.body.appendChild(form) duplicates the form at the bottom of the page
無法在JavaScript中附加document.body.appendChild
[英]Unable to append javascript with document.body.appendChild
如何將document.body.appendchild（'定位到根文檔而不是iframe
[英]How to target document.body.appendchild(' to root document not iframe
要添加document.body.appendChild，但要刪除parentNode.removeChild？
[英]document.body.appendChild to add, but parentNode.removeChild to remove?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
LabJS和document.body.appendChild
document.body.appendChild(i)
document.body.appendChild(form) 復制頁面底部的表單
document.body.appendChild的第一次機會
頁面加載之前的document.body.appendChild
無法在JavaScript中附加document.body.appendChild
document.body.appendChild(script) 與 eval()
如何將document.body.appendchild（'定位到根文檔而不是iframe
要添加document.body.appendChild，但要刪除parentNode.removeChild？
ASP.NET MVC，使用document.body.appendChild進行緩存
相關標簽