创建DOM元素的通用JS函数详解编程语言

/*创建DOM元素的通用函数*/ 
function create (elem) { 
    return document.createElementNS ? document.createElementNS('http://' + 
        'www.w3.org/1999/xhtml', elem) : document.createElement(elem); 
} 
 
//如果提供的是字符串,则把它转化成文本节点. 
function checkElem(elem) { 
    return elem && elem.constructor == "String" ? document.createTextNode(elem) : elem; 
} 
 
//在parent执行环境下,在before元素下前面添加elem元素 
function before(parent, before, elem){ 
    /* 
    * 如果不提供parent的情况下,则before接受parent参数,elem接受before的参数。 
    * ps:该方法处理很独特,值得借鉴 
    * */ 
    if(elem == null) { 
        elem = before; 
        before = parent; 
        parent = before.parent; 
    } 
 
    parent.insertBefore(checkElem(elem),before); 
} 
 
//为parent追加一个子元素的辅助函数 
function append(parent, elem){ 
    parent.appendChild(elem); 
}

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/10040.html

(0)
上一篇 2021年7月19日 09:58
下一篇 2021年7月19日 09:58

相关推荐

发表回复

登录后才能评论