Fatal编程技术网

获取javascript中的样式

javascript html css

获取javascript中的样式,javascript,html,css,Javascript,Html,Css,当div的大小为50%到100%时，我正在尝试调整div的大小。但是当我尝试console.log当前div的大小时，它只记录空格。。。怎么了 window.onload = function() { //declare vars var fullbox = document.getElementById('box'), minBut = document.getElementById('down'); minBut.onclick = function

当div的大小为50%到100%时，我正在尝试调整
div的大小。但是当我尝试
console.log
当前
div的大小时，它只记录空格。。。怎么了


window.onload = function() {
    //declare vars
    var fullbox = document.getElementById('box'),
        minBut = document.getElementById('down');

    minBut.onclick = function() {
        if(fullbox.style.width == "50%") {
            fullbox.style.width = "100%";
        } else {
            fullbox.style.width = "50%";
        }
    }
}



这可能是以前没有为该元素初始化宽度的情况。
第二次应该是50%

通过添加
警报（fullbox.style.width）进行测试


在函数中没有的div元素中添加单击事件。你能用你的示例设置一个JSFIDLE吗确实，当我单击两次时，它可以工作了，但是我应该使用px而不是%？我确实在CSS中提供了ID样式。style.width将始终返回像素值，无论您是否设置了百分比。因此，在这种情况下，我应该继续使用像素。。谢谢