Question

我的页面底部有一个信息栏，其中有一个“备注”链接。点击它的那一刻它将显示一个div。你可以看到这个here。现在，我需要“注释”也改变“日期”的高度，这是条形高度的id到98％左右所以你可以看到整个div。（它不能是像素，因为网页是流动的。）

我目前的javascript是这样的：

<script language="javascript"> 
function toggle() {
var ele = document.getElementById("permalinkpage");
var text = document.getElementById("displayText");
var cat = document.getElementById("date");
if(ele.style.display == "block") {
        ele.style.display = "none";
    text.innerHTML = "show";
}
else {
    ele.style.display = "block";
    text.innerHTML = "hide";
}
} 
</script>

如果ele是点击时显示的div，则text是“Notes”链接，cat是底部的黑色栏，需要扩展到屏幕/页面的98％。

现在，这是HTML：

<div class="date">

<div class="tags">
{block:HasTags}{block:Tags}<span class="tag"><a href="{TagURL}">{Tag}</a></span>   
{/block:Tags}{/block:HasTags}
</div>

<div class="info">
{block:NoteCount}<a id="displayText" href="javascript:toggle();">{NoteCount}</a> <img   
id="heart" src="http://static.tumblr.com/ux4v5bf/gWmlq420u/heart.png"> 
{/block:NoteCount}
&nbsp;&nbsp;&nbsp;
{block:Date}{MonthNumber} {DayOfMonth} {ShortYear} <img id="clock"   
src="http://static.tumblr.com/ux4v5bf/9Gels3y49/clock.png">{/block:Date}</div> 

{block:IndexPage}
<div id="permalinkpage"><object id="permalinkbaby" type="text/html" data="{Permalink}">
</object></div>
{/block:IndexPage}

</div>

非常感谢你！： - ）

编辑：

这些都没有。

Answer 1

你可以简单地使用$（＆＃34;＃divID＆＃34;）。css（＆＃34; height＆＃34;，＆＃34; value＆＃34;）;

Answer 2

使用jquery

$("#idDiv").attr("height","value");

在javascript中

var divId=document.getElementById("id");
    divId.setAttribute('height','value');

Answer 3

这应该有效

$("#divID").height(value);

点击javascript更改div高度？

3 个答案: