从javascript更改div元素的属性[重复]
Posted
技术标签:
【中文标题】从javascript更改div元素的属性[重复]【英文标题】：changing properties of div element from javascript [duplicate] 【发布时间】：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 的运气。
【问题讨论】：
【参考方案1】：你很亲密。 height 不是 div 元素的属性，但 style 是并且 height 是 style 的属性。试试这个：
function loaded()
document.getElementById("inner").style.setAttribute("height","100%");
【讨论】：
谢谢！！！ document.getElementById("inner").style.height = "40%";工作！！！以上是关于从javascript更改div元素的属性[重复]的主要内容，如果未能解决你的问题，请参考以下文章