Js根據class名替換html標簽內容 ,在某標簽前后添加內容


function getClass(obj, attr) {
        var aArray = [];//定義一個新的空數組  
        var i = 0;
        var aAll = document.getElementsByTagName('*');//獲取obj對象下面所有的節點  
        for (i = 0; i < aAll.length; i++) {
            if (aAll[i].className == attr) {//判斷當前對象的class名稱是不是符合傳進來的參數  
                aArray.push(aAll[i]);//如果符合則push到到aArray數組里邊  
                alert(aAll[i]);
            }
        }
        return aArray;//最后return一下  
    }


    function insertHtml(where, el, html) {
        where = where.toLowerCase();
        if (el.insertAdjacentHTML) {
            switch (where) {
                case "beforebegin":
                    el.insertAdjacentHTML('BeforeBegin', html);
                    return el.previousSibling;
                case "afterbegin":
                    el.insertAdjacentHTML('AfterBegin', html);
                    return el.firstChild;
                case "beforeend":
                    el.insertAdjacentHTML('BeforeEnd', html);
                    return el.lastChild;
                case "afterend":
                    el.insertAdjacentHTML('AfterEnd', html);
                    return el.nextSibling;
            }
            throw 'Illegal insertion point -> "' + where + '"';
        }
        var range = el.ownerDocument.createRange();
        var frag;
        switch (where) {
            case "beforebegin":
                range.setStartBefore(el);
                frag = range.createContextualFragment(html);
                el.parentNode.insertBefore(frag, el);
                return el.previousSibling;
            case "afterbegin":
                if (el.firstChild) {
                    range.setStartBefore(el.firstChild);
                    frag = range.createContextualFragment(html);
                    el.insertBefore(frag, el.firstChild);
                    return el.firstChild;
                } else {
                    el.innerHTML = html;
                    return el.firstChild;
                }
            case "beforeend":
                if (el.lastChild) {
                    range.setStartAfter(el.lastChild);
                    frag = range.createContextualFragment(html);
                    el.appendChild(frag);
                    return el.lastChild;
                } else {
                    el.innerHTML = html;
                    return el.lastChild;
                }
            case "afterend":
                range.setStartAfter(el);
                frag = range.createContextualFragment(html);
                el.parentNode.insertBefore(frag, el.nextSibling);
                return el.nextSibling;
        }
        throw 'Illegal insertion point -> "' + where + '"';
    }


//調用1
getClass("div","banner")[0].innerHTML='我們來了'; 


//調用2
 //insertHtml('afterBegin', document.getElementById("csContentEnd"), "<dd>在文本前容器內插入內容</dd>");
 //insertHtml('beforeEnd', elem, "<dd>在文本后容器內插入內容</dd>");
 insertHtml('beforeBegin', document.getElementById("csContentEnd"), "<dd>在文本前容器外插入內容</dd>");
 //insertHtml('afterEnd', elem, "<dd>在文本后容器外插入內容</dd>"); 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM