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=documentgetElementById("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=documentgetElementById("box")offsetWidth;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
<h2>This is a heading</h2>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<button type="button">Click me</button>
<script>
// 页面加载
windowonload = function(){
// 获取button按钮
var obj = documentgetElementsByTagName("button");
// 监听button按钮
obj[0]onclick = function(){
// 获取P标签
var oP = documentgetElementsByTagName('p');
for( var i = 0 ; i < oPlength ; i++)
{
// 修改P标签颜色
oP[i]stylecolor = 'red'
}
}
}
</script>
jQuery的方式：
$('div#id')find('p')each(function(i, obj){
var txt = $(obj)html();
var count = txtsplit(/<br\s\/>/)length;
alert(count);
});
或者：
$('div#id')find('p')each(function(i, obj){
var txt = $(obj)text();
var count = txtsplit(/\n/)length;
alert(count);
});
#id中的id要换成你的div的id值。
如果不是用<br>换行，那得用p的宽度和字符的大小来计算，还得考虑自动折行，比较复杂。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<meta >
1、var a = documentgetElementById("test")getElementsByTagName("div");
代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。
2、var b =documentgetElementById("test")childNodes;
使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。
扩展资料：
js获取父节点的方式：
1、parentNode获取父节点
获取的是当前元素的直接父元素。parentNode是w3c的标准。
var p = documentgetElementById("test")parentNode
2、parentElement获取父节点
parentElement和parentNode一样，只是parentElement是ie的标准。
var p1 = documentgetElementById("test")parentElement;
3、offsetParent获取所有父节点
一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。
var p2 = documentgetElementById("test")offsetParent;
以上就是关于javascript如何获取div的class中设置的宽高度全部的内容，包括:javascript如何获取div的class中设置的宽高度、JS不通过id获取p标签的文本、javascript如何获取一个div中的p元素内一共几行字符等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）