从javascript更改div元素的属性[重复]答案

【问题标题】：changing properties of div element from javascript [duplicate]从javascript更改div元素的属性[重复]
【发布时间】：2014-03-11 10:17:58
【问题描述】：

我有一个“内部”div 元素，我想从 java 脚本中控制它。现在，loaded() 函数中的代码没有做任何事情。

这里是 scc 和 javascript 部分

    <style>
#outer {    

    width: 30px;
    height: 80px;
    border: 2px solid #ccc;
    overflow: hidden;

    position: relative;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}

#inner, #inner div {
    width: 100%;
    overflow: hidden;
    left: -2px;
    position: absolute;
}

#inner {
    border: 2px solid #999;
    border-top-width: 0;
    background-color: blue;

    bottom: 0;
    height: 30%;
}

#inner div {
    border: 1px blue;
    border-bottom-width: 0;
    background-color: blue;

    top: 0;
    width: 100%;
    height: 2px;
}

</style> 
<script>


  function loaded(){
         document.getElementById("inner").setAttribute("height","100%");

  }      

</script>

这是身体部分

<body onload = "loaded()">
<div id="outer">
              <div id="inner">
                <div></div>
              </div>
            </div>
</body>

现在，我可以在#inner 中手动更改百分比，现在是30%。我想这可能是我理解 div 的运气。

【问题讨论】：

标签： javascript html

【解决方案1】：

你很亲密。 height 不是 div 元素的属性，但 style 是并且 height 是 style 的属性。试试这个：

function loaded(){
     document.getElementById("inner").style.setAttribute("height","100%");
}

【讨论】：

谢谢！！！ document.getElementById("inner").style.height = "40%";工作！！！