javascript - 求大神帮忙看一下，JS创建一个元素，然后获取这个元素的样式问题。。-PHP中文网问答

我想要的效果是，创建一个元素LI，然后获取刚刚阶建这个元素样式表中的width ，我现在弄出来老是有错，但我又不知道为什么，求大神帮看看我到底哪里写错了，应该怎么改，谢谢哈。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style>
            li{
                width: 300px;
                height: 20px;
                background: #002299;
                position: absolute;
                left: 0px;
            }
            p{
                width: 30px;
            }
        </style>
        <title></title>
        <script>
        
        function clsp(xd,classx){
                var xDi = document.createElement("li");
                xDi.className =" ";
                if(xd){
                    xDi.style.width =xd;
                    if(xDi.className == ""){
                        xDi.className = classx;
                    }
                    else{
                        xDi.className = classx + "sd";
                    }
                }
                return xDi;
            };
        
            function classNamex(ps,cel){
                if(window.getComputedStyle){
                    return parseFloat(ps.getComputedStyle(ps,null)[cel]);
                }
                else{
                    return parseFloat(ps.currentStyle[cel]);
                }
            };
            //
            
            //
            window.onload = function(){
                var  sdd = clsp("30px","sidw");
                console.log(sdd);
                console.log(sdd.style.width = classNamex(sdd,"width"));
                
            };
            
            
        </script>
    </head>
    <body>
    </body>
</html>

ps.getComputedStyle(ps,null)[cel]//这里错了吧 window.getComputedStyle(ps,null)[cel]//这样才对 //另外你新建的元素是没有渲染的,应该是取不到值得,在这之前appendChild到body上应该就可以了