我的 DOM 目前看起来像这样:
<body>
<h1> </h1>
<button> </button>
<p> </p>
单击按钮后，我想在按钮和初始 p 之间添加另一个 p。我已经尝试在初始 p 之前添加，但它看起来不像我想要的那样。我也试过附加到按钮，但它采用了按钮的样式，我也不想要。
理想情况下，我想保留初始 p 的样式，但在初始 block 之前添加另一个单独的 p block 。我怎样才能做到这一点，最好是附加/前置？
最佳答案
如果您使用的是 JQuery，则有一个方法，它之前被调用过。 http://api.jquery.com/before/ , 将与 :first-child 选择器结合使用。
var count=0;
$('button').on('click', function () {
count++;
$("#paragraphs p:first-child").before($('<p>New Paragraph #' + count + '</p>'));
});
关于html - 如何在 HTML 中的两个元素之间添加一个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28921256/