如何通过js给div的style动态赋值
发布网友
发布时间:2022-04-26 18:16
我来回答
共5个回答
懂视网
时间:2022-04-21 00:39
点击增高按钮后,想实现select1的高度增加4px,但实际上点击后select的高度没有发生变化,请教大家如何写?谢谢!
回复讨论(解决方案)
document.form1.select1.style.height+=parseInt(document.form1.select1.style.height)+4
谢谢楼上的, 已经搞定,应该是这样的:document.form1.select1.style.height=parseInt(document.form1.select1.style.height)+4,楼上多了个+,感谢感谢!
热心网友
时间:2022-04-20 21:47
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('#div2').height($('#div1').height());。
3、浏览器运行index.html页面,此时div2的高度被设置成和div1一致了。
热心网友
时间:2022-04-20 23:05
你可以把中间层的高度设为 auto,在 div 的高度为 auto 的时候,用 offsetHeight 来得到真实高度(###px)
document.getElementById('div2').style.height = document.getElementById('div1').offsetHeight + 'px';
热心网友
时间:2022-04-21 00:40
<div id="div1">
<p>.....</p>
</div>
因为是动态数据,所以#div1的高度是auto,无法获取到具体值。
var div1=document.getElementById("div1");
alert(div1.style.height); //没有值
建议从css上改进。
比如给中间的div设置css {height:500px;overflow:auto;}这样就能固定高度,多出的内容用滚动条显示。
或者让尾部div相对中间的div定位。追问相对中间的位置定位写好了,但是中间的高度无法确实。不想用滚动条显示,想在读出内容之后把中间层的高度显示出来,然后赋值到尾部那一层的top里面。但是不知道该怎么写这个代码。或者就是中间层读出数据之后,修改中间层的高度。然后尾部相对定位。就是不明白,怎么样对能在读出数据,中间层有了高度之后再重写一次高度让尾部能得到这个值。
追答网站整体的框架我是不建议用position来做的。
我一般都是用margin排的
#header,#text,#footer {width:900px;margin:10px auto;}
你可以看一下我最近的一个练习
当时给忘了:clientHeight可以返回实际值。
#header,#text,#footer {position:absolute;}
#header {height:100px;}
#text {top:100px;}
function getStyle(obj,cn) {
if (window.getComputedStyle) {//W3C DOM
return window.getComputedStyle(obj,null)[cn];
} else if (obj.currentStyle) {//IE
return obj.currentStyle[cn];
}
return "";
}
var header=document.getElementById("header");
var text=document.getElementById("text");
var footer=document.getElementById("footer");
footer.style.top=getStyle(header,clientHeight)+getStyle(text,clientHeight);
参考资料:http://www.hk1229.cn/lab/tjnews/index.php
热心网友
时间:2022-04-21 02:31
如上面div,请问,如何用js取得浏览器的高度然后把值赋 style 中的 height winHeight = document.body.clientHeight; //通过深入Document内部对body进行追问你这答案没发全吧。怎么看不明白。
我现在有三个层,头,中间部分,尾,用的都是CSS的相对定位,然后给了中间层一个高度,但是如果中间层信息多了之后,尾层不会跟着中间层的高度自动下调。
如何通过js给div的style动态赋值
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的<script>标签,输入js代码:$('#div2').height($('#div1').height());。3、浏览器运行index.html页面,此时div2的高度被设置成和div1一致了。
如何通过js给div的style动态赋值
</div> 因为是动态数据,所以#div1的高度是auto,无法获取到具体值。var div1=document.getElementById("div1");alert(div1.style.height);//没有值 建议从css上改进。比如给中间的div设置css {height:500px;overflow:auto;}这样就能固定高度,多出的内容用滚动条显示。或者让尾部div相对中间的div...
使用js对div的style属性进行动态赋值问题,
//那是因为对于标签内嵌的style=""样式css,才可以通过 div1.style.XX这种方式获取,对于外部引入或写在<style></style>的css,可以试下通过下面的方式获取;<script type="text/javascript"> function getCss(elem , prop){ if(window.addEventListener){ var computedStyle = document.defau...
如何用JS获取动态DIV具体高度值并赋值到其style样式中
因为是动态数据,所以#div1的高度是auto,无法获取到具体值。var div1=document.getElementById("div1");alert(div1.style.height); //没有值 建议从css上改进。比如给中间的div设置css {height:500px;overflow:auto;}这样就能固定高度,多出的内容用滚动条显示。或者让尾部div相对中间的div定位。
JavaScript 如何获取和修改 div 中style中的值
<body><div style="height: 20px;width: 20px;background: #666;" id="node"></div><script> // 使用原生JS var node = document.getElementById("node"); node.style.background = "black"; // 使用JQuery var node = $("#node"); node.css("background", "...
js动态赋值div高度
修改div高度,可以直接给div的width赋值即可。下面是小例子,仅供参考:<style type='text/css'>#div2 {width:200px;height:200px;background:red;border:1px solid black;}</style><script>function toGreen(){var oDiv=document.getElementById('div2');oDiv.style.width='300px';oDiv.style....
跪求JS动态改变层的style.left属性使其水平移动的例子
/*如果从鼠标位置到窗口下边的空间小于DIV的高度,就定位DIV的上坐标(Top)为当前鼠标位置向上一个DIV高度*/ if (bottomedge < myDIV.offsetHeight){ myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight;} else { /*否则,就定位DIV的上坐标为当前鼠标位置*/ my...
js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height
height=(image.height*divelement.offsetWidth)/image.width + "px";几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话,那么图片已经被下载过了,所以直接进行后面的就好。另外以style.height来设置高度的话后面需要加单位,比如px ...
js每隔一定时间给div的class或者id赋值。
<div id="stage"></div> <script> onload=function(){ var n=0;var div=document.getElementById('stage');setInterval(function(){ if(++n>10)n=1;div.className='class_'+n;//n就是你要的1-10,但class命名标准是英文字母开头,所以给你加了个前缀"class_"},1000);} </script> <...
js代码中给html的div怎么赋值?
;\x0d\x0a}\x0d\x0a因为执行到那句js的时候,还没有生成id是"one"的那个div.\x0d\x0agetElementById获得的不到,返回null\x0d\x0a也可以把你的那段js放到最后,比如放到后面,这样,div在js执行之前就创建了\x0d\x0a就可以访问到了,不过放到window.onload=function(){}中更正规一下 ...