如何在JavaScript代码中添加HTML按钮？

如何添加在JavaScript中调用函数时仅在HTML中显示的按钮？我有一个函数，当你在一个文本框中写一些文本，然后点击一个按钮时——这表示文本是写在HTML上的，但我想在弹出的文本旁边添加一个按钮。我如何在JavaScript代码中编写它？

您是指类似的内容吗

var btn=document.createElement（“按钮”）；
btn.innerHTML=“新建按钮”；
函数appendButton（）{
document.getElementById（“容器”）.appendChild（btn）；
}
点击我

在Javascript中添加一个HTML按钮是没有用的，因为您可以用HTML编写它

您可以将

.append（）

Javascript函数用于：

$（函数（）{
$（'button'）。在（'click'，function（）上{
var r=$（''）；
$（“正文”）。附加（r）；
});
});

如何钓鱼：反复使用一个函数，这样你就不必一直弄清楚这一点。我为我的web平台保留了大量高度可重用的功能

有一个警告：我的代码是严格的，所以如果它是单个元素，只需添加

xmlns=”http://www.w3.org/1999/xhtml“

任意位置的属性/值。如果需要多个元素，则需要一个包含父元素的单个元素，该父元素包含具有

xmlns=”的所有子元素http://www.w3.org/1999/xhtml“

XML名称空间。我用这些东西高效地运行循环，因为它是严格的代码

在这篇文章的底部有两个必备功能

xml_add('before', id_('element_after'), '<input type="button" xmlns="http://www.w3.org/1999/xhtml" />');

xml_add('after', id_('element_before'), '<input type="text" xmlns="http://www.w3.org/1999/xhtml" />');

xml_add('inside', id_('element_parent'), '<input type="text" xmlns="http://www.w3.org/1999/xhtml" />');

---

你能把代码也包括进去吗？谢谢很抱歉，我不能，但是你知道用JavaScript代码编写HTML的方法吗？但这基本上就是本论坛讨论的这个函数：你可以用标签在HTML文件中编写JavaScript。但是我想用JavaScript1编写HTML。我的代码不需要转储库的五个副本才能工作，也不需要附带任何其他先决条件。2.你的代码并不短，它是一次性的，就像我的一样，是可重用的。3.有大量的文档，jQuery在不同版本中破坏了自己的代码！我的不会破裂，因为没有第三方参与。仅仅因为你熟悉某件事并不意味着它更好。评论其他答案说我认为这是一种不好的方式意味着你的更好。不是我有一个更好的答案，而是你的答案引导人们走上了一条方便和冷漠的道路。我只是写了一个快速而实用的解决方案。问这个问题的人会选择最适合他的，而不是你。将代码推入html是一种非常古老的方法，

jQuery

方法（由@hugo-s回答）更简单。。。

xml_add('before', id_('element_after'), '<input type="button" xmlns="http://www.w3.org/1999/xhtml" />');

xml_add('after', id_('element_before'), '<input type="text" xmlns="http://www.w3.org/1999/xhtml" />');

xml_add('inside', id_('element_parent'), '<input type="text" xmlns="http://www.w3.org/1999/xhtml" />');

xml_add('inside', id_('element_parent'), '<div xmlns="http://www.w3.org/1999/xhtml"><input type="text" /><input type="button" /></div>');

function id_(id) {return (document.getElementById(id)) ? document.getElementById(id) : false;}

function xml_add(pos, e, xml)
{
 e = (typeof e == 'string' && id_(e)) ? id_(e) : e;

 if (e.nodeName)
 {
  if (pos=='after') {e.parentNode.insertBefore(document.importNode(new DOMParser().parseFromString(xml,'application/xml').childNodes[0],true),e.nextSibling);}
  else if (pos=='before') {e.parentNode.insertBefore(document.importNode(new DOMParser().parseFromString(xml,'application/xml').childNodes[0],true),e);}
  else if (pos=='inside') {e.appendChild(document.importNode(new DOMParser().parseFromString(xml,'application/xml').childNodes[0],true));}
  else if (pos=='replace') {e.parentNode.replaceChild(document.importNode(new DOMParser().parseFromString(xml,'application/xml').childNodes[0],true),e);}
  //Add fragment and have it returned.
 }
}