为什么运行不了cssText

img

img

为什么点了设置 没反应

少写了一个花括号吧}

img

没有cssText这个样式, .style.xxxx 是修改样式的写法
你是想修改box 盒子里的文字把
应该是oBox.innerHtml = txt

如有帮助，麻烦点个【采纳此答案】 谢谢啦~

img


<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <input id="txt" type="text" value=""/>
        <input id="btn" type="button" value="按钮"/>
        <div id="box">aaa</div>
        <script>
        window.onload = function(){
            var oBtn =document.getElementById('btn')
            var oBox =document.getElementById('box')
            oBtn.onclick=function(){
                var txt = document.getElementById('txt').value
                oBox.style.cssText = txt
            }
        }
 
        </script>
    </body>

</html>

cssText不会覆盖 style标签内的样式

可以这样试一下


oBox.style.cssText += txt

你把obox写在onclick函数外面了，当函数执行的时候，obox已经变成null了

是这个效果么


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input id="txt" type="text" value="" />
    <input id="btn" type="button" value="按钮" />
    <div id="box">aaa</div>
    <script>
        window.onload = function () {
            var oBtn = document.getElementById('btn');
            var oBox = document.getElementById('box');
            oBtn.onclick = function () {
                var txt = document.getElementById('txt').value;
                oBox.style.cssText = txt;
            }
        }
    </script>
</body>
</html>

img

因为执行js代码的时候，下面的元素并没有渲染出来，所有js并没有获取到元素，导致设置不上。注意代码执行顺序，还有括号也少了一个。还有就是开发时候记得按F12打开控制台