0

是否可以在特定元素之后添加一个元素id

 <ul>
      <li>fred</li> 
      <li>wilma</li>
      <li id ="name">barny</li>
      <li> </li>
      <li> </li>
 </ul>

通过指定在 barny 之后插入 bettyid name

4

2 回答 2

2

当然，只需通过 找到该元素，通过document.getElementById创建新元素document.createElement，然后（这是棘手的一点）通过调用要插入的元素来插入它Element#insertBefore，parentNode将您的引用元素指定nextSibling为引用节点。

例如：

var elm = document.getElementById("name");
var newElm = document.createElement("li");
newElm.innerHTML = "You probably want something here";
elm.parentNode.insertBefore(newElm, elm.nextSibling);

请注意，即使您的参考节点是其父节点中的最后一个节点，这也有效。在这种情况下，nextSiblingwill benull并且insertBefore知道如何处理它。

于 2013-05-06T10:28:33.583 回答
0

希望能帮助到你

<!DOCTYPE html>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
    <html>
    <head>
    <script>
    function test()
    {

    $("#name").after("<li id='loremId' name='lorem' >lorem</li>")
    $("#loremId").after("<li id='ipsumId' name='ipsum' >ipsum</li>")
    }
    </script>
    </head>
    <body>
     <ul>
          <li>fred</li> 
          <li>wilma</li>
          <li id ="name">barny</li>
     </ul>



    <script>
    test();
    </script>
    </body>
    </html>
于 2013-05-06T10:34:53.097 回答