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进行缓存
相关标签