如何使用javascript在现有的span标签之前添加一个span

How to add a span just before an existing span tag using javascript?

本文关键字：span 添加 一个 标签 javascript 何使用      更新时间：2023-09-26

如何在HTML表单中添加一个span标签，就在使用javascript的另一个现有的span标签之前?我知道现有span标签的id

试试这个

JS 

 $(function(){
  var addNewSpan = '<span class="PQM">New Span</span>';
  $('#xyz').click(function(){
   $('#abc').before(addNewSpan);
  });
});
HTML 

 <span id="abc"> Hello</span>
 <input type="button" id="xyz" value="ABC"/>
演示

try this

var addnew = '<span class="newcssclass">new content</div>';

 $('.classofthespantoclick').click(function(){
 $('#existingspanid').before(addnew);
 });

查看before()方法，如下:

$("#mySpan").before("<span>My new span</span>");

()之前文档

jQuery insertBefore和jQuery之前

查看jQuery的insertBefore函数

像这样:

theThingYouWantToAdd.insertBefore($('#idOfOtherEl'));

试试如下: 

var value = document.createElement("span");
value.innerHTML = "Some text";
document.body.insertBefore(value, spanID);

希望有帮助

在YUI中我们可以这样做:

var newSpan = Y.Node.create("<span>");
Y.one("#myspan").insertBefore(newSpan);
相关文章：