根据class名替换html标签内容，在某标签前后添加内容代码,Js代码库,德仔网

代码语言

代码分类

【Js】根据class名替换html标签内容，在某标签前后添加内容

作者: / 发布于2017/3/16/ 352

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>");

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label