react理解（一）jsx

最新推荐文章于 2024-11-04 10:13:26 发布

weixin_34007886

最新推荐文章于 2024-11-04 10:13:26 发布

阅读量101

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b3ed112f265da0f8c0296f0

版权

//对jsx执行的理解
/**
*@param dom  :document.createElement('div')
*@param name : className / style/onClick等
*@value : string:"classTest"/"color:red; font-size:13px;"  /object:{height:50,color:"red"}
*/
function setAttribute(dom,name,value){
    if(name === 'className') name = 'class';
    if(/on\w+/.test(name)){
         name = name.toLowerCse();
        dom[name] = value;
    }else if(name === 'style'){
        if(value&&typeof value === ' object'){
            for(let i of value){
               dom.style[ i ] = typeof value[ i ] === 'number' ? value[ i ] + 'px' : value[ i ];
            }
        }else if(!typeof value === 'string'){
            dom.style.cssText = value
        }else if(!value){
            dom.style.cssText = '';
        }
    }else{
        if(value)dom.setAttribute( name, value );
        else dom.removeAttribute(name);
    }
}
复制代码