javascript如何获取div的class中设置的宽高度

javascript如何获取div的class中设置的宽高度,第1张

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>

<body>

<div style="border: 1px solid red;height:200px;width: 200px;"></div>

<script>

$(function(){

alert($("div")[0]offsetWidth)

})

 

</script>

</body>

这是我刚写的一个例子,你可以看一下,可能不太好。

下面这两个是我在网上搜到直接复制的

标签元素的宽高值获取

//绝对宽度

ObjoffsetWidth

//绝对高度

ObjoffsetHeight

var width=documentgetElementByid('层的id')stylewidth;

alert(width);

试试这样行不行

设置了outo就表示相对于浏览器居中,那要看你电脑分辨率还有打开的浏览器窗口大小了,没有一定的值得,是交给浏览器自己去分配的

一个View或ViewGroup中什么什么时候能拿到宽高的值?

width 表示 View 在屏幕上可显示的区域大小;

measuredWidth 表示 View 的实际大小,包括超出屏幕范围外的尺寸;

甚至有这样的公式总结到:

getMeasuredWidth() = visible width + invisible width

getMeasuredWidth() 在执行setMeasuredDimension(一般在onMeasure方法中执行)后才有值;

getWidth()在onLayout方法执行后才有值。

Constructor : 构造方法,View初始化的时候调用,在这里是无法获取其子控件的引用的更加无法获取宽高了

onFinishInflate : 当布局初始化完毕后回调,在这里可以获取所有直接子View的引用,但是无法获取宽高

onMeasure : 当测量控件宽高时回调,当调用了requestLayout()也会回调onMeasure在这里一定可以通过getMeasuredHeight()和getMeasuredWidth()来获取控件的高和宽,但不一定可以通过getHeight()和getWidth()来获取控件宽高,因为getHeight()和getWidth()必须要等onLayout方法回调之后才能确定

onSizeChanged : 当控件的宽高发生变化时回调,和onMeasure一样,一定可以通过getMeasuredHeight()和getMeasuredWidth()来获取控件的高和宽,因为它是在onMeasure方法执行之后和onLayout方法之前回调的

onLayout : 当确定控件的位置时回调,当调用了requestLayout()也会回调onLayout在这里一定可以通过getHeight()和getWidth()获取控件的宽高,同时由于onMeasure方法比onLayout方法先执行,所以在这里也可以通过getMeasuredHeight()和getMeasuredWidth()来获取控件的高和宽

addOnGlobalLayoutListener : 当View的位置确定完后会回调改监听方法,它是紧接着onLayout方法执行而执行的,只要onLayout方法调用了,那么addOnGlobalLayoutListener的监听器就会监听到在这里getMeasuredHeight()和getMeasuredWidth()和getHeight()和getWidth()都可以获取到宽高

onWindowFocusChanged : 当View的焦点发送改变时回调,在这里getMeasuredHeight()和getMeasuredWidth()和getHeight()和getWidth()都可以获取到宽高Activity也可以通过重写该方法来判断当前的焦点是否发送改变了;需要注意的是这里View获取焦点和失去焦点都会回调

(部分内容参考于网络,如有不妥,请联系删除~)

在jQuery输入元素表达式属性名即可得到。

如:

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度,而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。(什么是行内,就是直接在html标签上写样式)

小结,因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

现在的前端制作很少直接把样式写style里了,都是写在样式表里。如果你要获取的样式没有相对应的(就像#div1stylewidth对 应#div1offsetWidth),就只能分别针对不用浏览器来获取样式表的属性了,可以试着搜索“JS 获取样式属性”之类的。

代码:

var o = documentgetElementById("view");var h = ooffsetHeight; //高度var w = ooffsetWidth; //宽度

扩展资料

js编程:

JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。

Javascript被归类为直译语言,因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行,其他引擎则是逐行解译(SpiderMonkey会将解译过的指令暂存,以提高性能,称为实时编译),但由于V8的核心部份多数用Javascript撰写(而SpiderMonkey是用C++)。

因此,在不同的测试上,两者性能互有优劣。与其相对应的是编译语言,例如C语言,以编译语言编写的程序在运行之前,必须经过编译,将代码编译为机器码,再加以运行。

参考资料:

javascript_百度百科

WIDTH即表示线开口大指标。利用布林标选股,主要是观察布林线指标开口的大小那些开口逐渐变小的股票就要多加留意了。因为布林线指标开口逐渐变小代表股价的涨跌幅度逐渐变小,多空双方力量趋于一致,股价将会选择方向突破。而开口越小,股价突破的力度就越大。那么,到底开口多小才算小,这就需要应到WIDTH指标了。

计算公式

1WIDTH= (布林上限值-布林下限值) /布林股价平均值

应用法则

1一般来说,WIDTH指标小于010的股票随时有可能发生突破。但是, WIDTH指标的极限数据随个股不同而不同,因此最好观察该股近-年来的WIDTH指标的走势以确定其临界点。

2一般情形下,当极限宽下跌至003左右的水平时,该股随时有爆发大行情的可能。

3WIDTH指标还需配合威廉指标( WR)、趋向指标( DMI )使用。当WR(10)与WR(30)的值都大于50且DMI指标中, +DI> -DI, ADX和ADXR均向上走时,可靠性较高。

4布林线、布林极限、极限宽指标三者构成一组指标群,必须合并使用。

极限宽指标( WIDTH) , 即表示线开口大小的指利用布林线指标选股,主要是观察布林线指标开口的大小,对那些开口逐渐变小的股票就要多加留意了。因为布林线指标开口逐渐变小代表股价的涨跌幅度逐渐变小,多空双方力量趋于一致,股价将会选择方向突破。而开口越小,股价突破的力度就越大。那么,到底开口多小才算小,这就需要应到WIDTH指标了。

以上就是关于javascript如何获取div的class中设置的宽高度全部的内容,包括:javascript如何获取div的class中设置的宽高度、页面上有一个文本框,文本框里含有table代码,如何用js或jq,获取table代码里的width值和height值、css ,如何用JS求出div中width:auto ,width的值.不用jquery等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9553782.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存