2016-09-05 66 views
1

最後李後移至創建華里我UL這是我的代碼:如何在Javascript

var list = document.getElementById('mylist'); 
var entry = document.createElement('li'); 
entry.appendChild(document.createTextNode("My Tabs")); 
entry.setAttribute("id", "last_tab"); 
list.appendChild(entry); 

它創建了一個禮,並把它作爲第一個,我想是從最後一個元素我ul。如何才能從JavaScript做到這一點?

THX

+1

你能否在這裏添加你的html? – webmaster

回答

0

這段代碼的東西增加了新的「禮」元素作爲當前列表的最後一個元素:

var list = document.getElementById('mylist'); 
 
var entry = document.createElement('li'); 
 
entry.appendChild(document.createTextNode("My Tabs")); 
 
entry.setAttribute("id", "last_tab"); 
 
list.appendChild(entry);
<ul id="mylist"> 
 
<li>current li 1</li> 
 
<li>current li 2</li> 
 
</ul>

而這種通過增加作爲第一要素JQuery庫:

var list = document.getElementById('mylist'); 
 
var entry = document.createElement('li'); 
 
entry.appendChild(document.createTextNode("My Tabs")); 
 
entry.setAttribute("id", "last_tab"); 
 
$("#mylist").prepend(entry);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="mylist"> 
 
<li>current li 1</li> 
 
<li>current li 2</li> 
 
</ul>

0
el.appendChild(el1) 

插入元件(EL1)的父節點(EL)的最後一個孩子。要將其作爲FIRST插入,您應該致電el.insertBefore(el1, child1)。像 el.insertBefore(el1, el.querySelector('*'));