javascript、jqueryで要素を前に追加する方法

javascriptでuiの初めに追加する場合
var ul = window.document.getElementById('h-feed')
var li = window.document.createElement('li')
li.setAttribute('class', 'h-entry collection-item avatar')
li.style.backgroundColor = 'rgba(255, 255, 255, 0.6')

ul.insertBefore(li, ul.firstChild)

jqueryでulの初めに追加する場合
var ul = $(window.document.getElementById('h-feed'))
var li = $(window.document.createElement('li'))
li.attr({class: 'h-entry collection-item avatar'})
.css({"background-color": "rgba(255, 255, 255, 0.6"})

ul.prepend(li)
// deleteと同じ効果
javascriptで要素を削除する時に使える
var obj = void 0


リストに要素が入りすぎた時古いものから順に消していく
var ul = window.document.getElementById('h-feed')
var c = ul.children
while(c.length > 100){
recurseRemove(c[c.length - 1])
$(c[c.length - 1]).remove()
}
}
// 再帰的にremoveする
function recurseRemove(dom){
if($(dom).attr('src')){
$(dom).removeAttr('src')
}
if(dom.childNodes){
for(var i = dom.childNodes.length - 1; i >= 0; i--){
recurseRemove(dom.childNodes[i])
}
}
}



スポンサーリンク

---

タグ：jQuery