原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容
更新時(shí)間：2013年04月10日 16:20:50 作者：
給指定元素的后面追加一些自己想要實(shí)現(xiàn)的效果或者是一些屬性之類(lèi)的，有木有遇到過(guò)，接下來(lái)為大家詳細(xì)介紹下追加的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
var header1 = document.getElementById("header");
var p = document.createElement("p"); // 創(chuàng)建一個(gè)元素節(jié)點(diǎn)
insertAfter(p,header1); // 因?yàn)閖s沒(méi)有直接追加到指定元素后面的方法 所以要自己創(chuàng)建一個(gè)方法
function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置
var parent = targetElement.parentNode; // 找到指定元素的父節(jié)點(diǎn)
if( parent.lastChild == targetElement ){ // 判斷指定元素的是否是節(jié)點(diǎn)中的最后一個(gè)位置 如果是的話(huà)就直接使用appendChild方法
parent.appendChild( newElement, targetElement );
}else{
parent.insertBefore( newElement, targetElement.nextSibling );
};
};
相關(guān)文章
js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法,可實(shí)現(xiàn)右側(cè)浮動(dòng)廣告的定時(shí)彈出及點(diǎn)擊展開(kāi)、折疊等功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
基于rem的移動(dòng)端響應(yīng)式適配方案(詳解)
下面小編就為大家?guī)?lái)一篇基于rem的移動(dòng)端響應(yīng)式適配方案(詳解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
這篇文章主要介紹了JavaScript對(duì)象原型鏈原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
Bootstrap的popover（彈出框）2秒后定時(shí)消失的實(shí)現(xiàn)代碼
Bootstrap Popover（彈出框）是使用定制的 Jquery 插件創(chuàng)建的。它可以用來(lái)顯示任何元素的一些信息。這篇文章主要介紹了Bootstrap的popover（彈出框）2秒后定時(shí)消失功能，需要的朋友參考下2017-02-02
這篇文章主要介紹了js實(shí)現(xiàn)圖片輪播效果的相關(guān)資料,需要的朋友可以參考下2015-12-12
JavaScript中實(shí)現(xiàn)單體模式分享
這篇文章主要介紹了JavaScript中實(shí)現(xiàn)單體模式分享,單體模式的定義：?jiǎn)误w是一個(gè)用來(lái)劃分命名空間并將一批相關(guān)方法和屬性組織在一起的對(duì)象,如果它能夠被實(shí)例化,那么只能被實(shí)例化一次,需要的朋友可以參考下2015-01-01
javascript html5 canvas實(shí)現(xiàn)可拖動(dòng)省份的中國(guó)地圖
這篇文章主要介紹了javascript html5 canvas實(shí)現(xiàn)可拖動(dòng)省份的中國(guó)地圖的相關(guān)資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了JS+HTML5 canvas繪制驗(yàn)證碼,結(jié)合實(shí)例形式分析了HTML5 canvas圖形繪制相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
JSON 數(shù)字排序在使用中比較常見(jiàn)，在本文將為大家詳細(xì)介紹下具體是如何排序的，感興趣的朋友可以參考下2013-09-09
今天小編就為大家分享一篇關(guān)于js的各種數(shù)據(jù)類(lèi)型判斷的介紹，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01