javascript如何获取div的class中设置的宽高度?
还是之前的问题，之前搞错了，下面大家看看我这个代码哪里错了：<html><head><metahttp-equiv="Content-Type"content="text...
还是之前的问题，之前搞错了，下面大家看看我这个代码哪里错了：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.d1{
width:100px;
height:100px;}
</style>
<script type="text/javascript">
function dd(){
var dd1=document.getElementById("d1").style.width;
alert(dd1);
}
</script>
</head>
<body>
<div id="d1" class="d1" onClick="dd()">qooo</div>
</body>
</html>
返回的值是空的，什么情况？ 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.d1{
width:100px;
height:100px;}
</style>
<script type="text/javascript">
function dd(){
var dd1=document.getElementById("d1").style.width;
alert(dd1);
}
</script>
</head>
<body>
<div id="d1" class="d1" onClick="dd()">qooo</div>
</body>
</html>
返回的值是空的，什么情况？ 展开
3个回答
展开全部
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使友空用原生方法
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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你js获弊基取的是ID=d1的宽度（document.getElementById("d1").style.width），租差谨
但是你的样式里面是设置class=d1的样式，
肯定返回的是空吖 你都没有获庆冲取class的样式呢，只是获取了id样式
但是你的样式里面是设置class=d1的样式，
肯定返回的是空吖 你都没有获庆冲取class的样式呢，只是获取了id样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
