javascript如何获取div的class中设置的宽高度?
发布网友
发布时间:2022-04-22 20:19
我来回答
共3个回答
热心网友
时间:2022-04-20 11:19
javascript获取div的class中设置的宽高度:
高度(offsetHeight):
<head><title>用js获取div的高度</title></head>
<style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=document.getElementById("box").offsetHeight;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容.....</p><p>段落内容.....</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
宽度(offsetWidth):
<head><title>用js获取div的高度</title></head>
<style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=document.getElementById("box").offsetWidth;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容.....</p><p>段落内容.....</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
热心网友
时间:2022-04-20 12:37
使用原生方法
document.getElementById("d1").style.width;
这种只能获取到行内内联样式,也就是
<div id="d1" class="d1" style="width:100px" onClick="dd()">qooo</div>
那么document.getElementById("d1").style.width的值就是100px,如果没有设置内联样式,那值肯定是空的,但jQuery框架的width方法提供了另一种实现,是可以直接获取到宽度的,不管是否是行内内联定义的宽度
你可以试试以下代码,就明白了:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="
<style type="text/css">
.d1{
width:100px;
height:100px;}
</style>
<script type="text/javascript">
function dd(){
var nativeWidth = document.getElementById("d1").style.width;
alert(nativeWidth);//为空
var jQueryWidth = $("#d1").width();
alert(jQueryWidth);//100
}
</script>
</head>
<body>
<div id="d1" class="d1" onClick="dd()">qooo</div>
</body>
</html>
热心网友
时间:2022-04-20 14:11
你js获取的是ID=d1的宽度(document.getElementById("d1").style.width),
但是你的样式里面是设置class=d1的样式,
肯定返回的是空吖 你都没有获取class的样式呢,只是获取了id样式
javascript如何获取div的class中设置的宽高度?
<div id="d1" class="div1">div1</div> var d = document.getElementId("d1");var w = d.style["width"] || d.width;var h = d.style["height"] || d.height;我就没有听说过用那个就获取不到宽和高了
JavaScript如何获取div的尺寸
var div1width = document.getElementById("div1").offsetWidth; //宽 var div1height = document.getElementById("div1").offsetHeight; //高
请问如何用javascript获取元素的宽或高,例如:<div id="d1">asdasd</...
document.getElementById("d1").offsetWidth //宽 document.getElementById("d1").offsetHeight //高
怎么用js获取div的当前宽度?
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。(什么是行内,就是直接在html标签...
javascript动态获得div的高度并输出的问题,谢谢!
对,如果用原生的js:document.getElementById("div1").style.height获取高度的话只能获取内嵌(行内)样式,也就是写在元素上面的样式,意思你用:document.getElementById("div1").style.height=“50px”;或者在元素上:<div style="height:50px"></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", "...
javascript 如何在firefox中获取div的高度?
获取该元素,使用offsetHeight取得高度 document.getElementById('sample').offsetHeight
请问一下:css中将div的height设置为auto,在js中怎么取出这个height的实 ...
<!--.div就是找到class="div"的信息,用height()方法就可以得到对象的高度的,div信息加载完成,自然就会自己的高度,这时候读取就可以了(深圳网站建设www.sz886.com)--> <script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script> <script type="...
javascript怎么获取div id或者class
无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象.要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用 var div=document.getElementById('youdivid')另一种就是通过标签名来取得 var div=document.getElementsByTagName('div')[num]第2种方法和第一种方法的区别是不用设ID...
js如何获取DIV的 class值?
1.根据ID,用var div=document.getElementById('youdivid')2.通过标签名来取得var div=document.getElementsByTagName('div')[num]3.举个例子:function a(){var div=document.getElementById('a');alert('div的class为:'+div.id)alert('div的id为:'+div.className)} function b(){var div...