原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:08:29
原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧
原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧: 代碼如下: 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
導(dǎo)讀原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧: 代碼如下: 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
代碼如下:
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è)位置 如果是的話就直接使用appendChild方法
parent.appendChild( newElement, targetElement );
}else{
parent.insertBefore( newElement, targetElement.nextSibling );
};
};
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧
原生js實(shí)現(xiàn)給指定元素的后面追加內(nèi)容_javascript技巧: 代碼如下: 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