jquery获取元素宽度 jquery获取元素高度宽度

在jQuery中,通过方法什么获取元素标签内容？

jquery提供了三个获得内容的方法， text()、html() 以及 val()，其中前两个可用于解决本问题，$("label#userid").text(); // ，获取label的文本，$("label#userid").html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法。

jquery获取元素宽度 jquery获取元素高度宽度

jquery获取元素宽度 jquery获取元素高度宽度

jquery获取当前元素的classname

JQuery获取元素属性：

.attr()

html代码如下：

简单的样式：

JS代码：

（1）移入：

（2）移出：

使用 jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处：

1、方便

：它可以直接被jQuery对象访问并且链式调用其他jQuery方法。

2、浏览器兼容：一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。

注意: 除少数属性意外，属性值都是字符串，如value和tabindex。

注意: 试图改变通过HTML创建的，或已经在HTML文档中的input元素的type特性（attribute）或属性（property），在Internet Explorer 6, 7, or 8下将会抛出一个错误。

参var ele=document.getElementById("这里填写你dom元素的id");考资料：

jQuery的attr()

定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所异。

返回属性值

返回被选元素的属性值。

语法

attribute 规定要获取其值的属性。

//---obj的结果值是content

jQuery的attr()

定义和用法

attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数，其工作方式也有所异。

返回属性值

返回被选元素的属性值。

语法

$(selector).attr(attribute)

参数描述

attribute 规定要获取其值的属性。

//---obj的结果值是content

alert($(this).attr('class'));

});

});

css div 将div设置成ition：absolute，宽度不定，如何居中呢

但也有写属性用attr取不到，也需要用角标的方式取得控件后在取属性

需要准备的材料分别有：电脑、浏览器、html编辑器。

如果省略该参数或其值为 0，则数字将以 10 为基础来解析。

1、首先，打开html编辑器，新建html文件，例如：index.html。

var div1 = document.getElementById("div1");

var left = ($(document).width() - $('div').width()) / 2;

3、浏览器运行index.html页面，此时用ition:absolute位置定位的div根据不确定的宽度居中了。

这个需要用到js才可以实现宽度不定的情况，也能实现居中

1、设置div的选择器为center01 ,代码如下

2、js获取div 元素，并且计算元素的宽度（jquery获取元素宽度）

3、jquery设置元素的margin-left的一半的值

结果如下：

top，bottom，left，right，都为0 margin：auto；

Vue实践-CSS样式ition/display/float属性对比使用

66666

Jquery如何获得div下的元素

var a = $("标签ID").attr("属性");

1.$('#div ') //div下所有的元素

2.$('#div .className') // div下指定的className

3.$('#div > children') // div下层指定的子

4.$('#div #ul') // div 下指定的id

上述这几种方法都可以获取 div 标签内的元素$('span').m扩展资料：ouseover(function(){。你看你用哪种方便工作，就用哪种。

如何获取屏幕的宽度

div1.style.height = div1.style.width;

问题一：js 中怎么获取当前屏幕的宽度 document.documentElement.clientWidth 这个方法返回页面在当前窗口中可见部分的宽度(不包括滚动条宽度)；

window.innerWidth 这个方法返回页面在当前窗口中可见部分宽度(包括滚动条宽度);

window.outerWidth 返回浏览器窗口自身宽度，包括菜单和边框；

screen.width 返回设备的(屏幕宽度)

问题二：js网页如何获取手机屏幕宽度 ]@]@]

@sssss

var x = nigator;

|| document.documentElement.clientWidth

|| document.body.clientWidth;

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;

document.getElementById(p1).innerHTML=屏幕分辨率:+screen.width + + screen.height+内部窗口: + w + + h

不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。手机上是 一个型号固定的分辨率比如

华为8813的分辨率是480854。。 内部窗口是 改变窗口大小刷新一下就有新的数据

有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是值，所以可能得不偿失，因此我是不的。

问题四：如何获得当前屏幕的高度 window.onload = function(){ 获取屏幕高度 document.documentElement.clientHeightconsole.log(document.documentElement.clientHeight); 获取屏幕宽度 document.documentElement.clientWidthconsole.log(document.documentElement.clientWidth);}

width_screen=screen.width;

height_screen=screen.height;

ailWidth_screen=screen.ailWidth;

ailHeight_screen=screen.ailHeight;

colorDepth_screen=screen.colorDepth;

/end/

/输出值/

document.write(你的屏幕宽为：+width_screen+

你的屏幕高为：+height_screen+

你的屏幕可用宽为：+ailWidth_screen+

你的屏幕可用高为：+ailHeight_screen+

你的颜色设置所

有为数为：+colorDepth_screen);

/end/

问题六：怎么用jquery来获取屏幕的宽度和高速 $(window).width();$(window).height();严格来说，获取window才对

23

45

67

89

获取屏幕高度 document.documentElement.clientHeight

console.log(document.documentElement.clientHeight);

获取屏幕宽度 document.documentElement.clientWidth

console.log(document.documentElement.clientWidth);

}问题八：PHP怎么获取屏幕的宽度与高度？ 10分 PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取

网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去的高： document.body.scrollTop网页被卷去的左： document.body.scrollLeft网页正文部分上： window.screenTop网页正文部分左： window.screenLeft屏幕分辨率的高： window.screen.height屏幕分辨率的宽： window.screen.width屏幕可用工作区高度： window.screen.ailHeight屏幕可用工作区宽度： window.screen.ailWidth

JQuery:

$(document).ready(function(){alert($(window).height()); 浏览器当前窗口可视区域高度alert($(document).height()); 浏览器当前窗口文档的高度alert($(document.body).height());浏览器当前窗口文档body的高度alert($(document.body).outerHeight(true));浏览器当前窗口文档body的总高度 包括border padding marginalert($(window).width()); 浏览器当前窗口可视区域宽度alert($(document).width());浏览器当前窗口文档对象宽度alert($(document.body).width());浏览器当前窗口文档body的宽度alert($(document.body).outerWidth(true));浏览器当前窗口文档body的总宽度 包括border padding margin})

问题九：怎样用 JaScript 准确获取手机屏幕的宽度和高度 屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

网页可见区域宽：document.body.offsetWidth

网页可见区域高：document.body.offsetHeight

下面的代码即可获取屏幕的尺寸。

在一个Activity的onCreate方法中，写入如下代码：

[ja] view plain copy print?

int width = metric.widthPixels; 屏幕宽度（像素）

float density = metric.density; 屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi; 屏幕密度DPI（120 / 160 / 240）

int width = metric.widthPixels; 屏幕宽度（像素）

float density = metric.density; 屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi; 屏幕密度DPI（120 / 160 / 240）

但是，需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。比如说，一部240x320像素的低密度手机，如果运行上述代码，获取到的屏幕尺寸是320x427。因此，研究之后发现，若没有设定多分辨率支持的话，Android系统会将240x320的低密度（120）尺寸转换为中等密度（160）对应的尺寸，这样的话就大大影响了程序的编码。所以，需要在工程的AndroidManifest.xml文件中，加入supports-screens，具体的内容如下：

[html] view plain copy print?

分析如下：>

js获取所有子元素宽度之和 赋值给父元素

window.onload = function(){

$("#container").width(getAllWidth("#container div"));

});

//定义一个获取对象列表宽度的方法

var getAllWidth = function(objIcon){

var obj = $(objIcon);

var _$(selector).attr(attribute)参数描述width = 0;

if(obj.length > 0){

for(var i=0;i

_width += $(obj[i]).width();

}}

return _width;

}上面代码我引入的jquerint height = metric.heightPixels; 屏幕高度（像素）y，如果不用jquery的话我也可以帮你写一份

js中关于获取元素属性的方法（object.style.width）

问题十：Android开发 怎样获取屏幕的宽高是多少厘米 我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸

js获得的是dom的内链样式，无法获得ID上的样式，你直接写在div的内链样式上就可以获得。

这样写是拿不到的，火狐浏览器或者谷歌浏览器已经可以拿到，建议可以参考一下JQ的手册ie不行；

只有把样式写到div的style元素里 才可以；

如果想拿到，可以用jquery这类框架；

jquery怎么获取一个元素指定属性的值

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：

$("元素表达式").attr("属性名")

getWindowMar().getDefaultDisplay().getMetrics(metric);

如：$("#textId").attr("width")是获取Id为textId的控件的width属性

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

$("[name=textName]").attr("width")是获取name为te示例：xtName的控件的width属性

但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值

如：$("#textId")[0].width是取个控件的width属性

$(this).parent().find("i[isShow='fou']")

该元素就是属性isshow为fou的i元素，注意引号

var p = $("标签ID").prop("属性");

checkbox，radio和select这样的元素，选中属性对应“checked”、"readOnly"、“selected”，这些属于固有属性，因此需要使用prop方法去作才能获得正确的结果。

attr和prop怎么选择？

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

attr和prop区别?

attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。

prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。

$('元素').attr('属性')

jquery怎么获得元素data属性值

参数说明 sURL 必选参数 类型 字符串 用来指定对话框要显示的文档的URL vArguments 可选参数 类型 变体 用来向对话框传递参数 传递的参数类型不限 包括数组等 对话框通过window dialogArguments来取得传递进来的参数 sFeatures 选参数 类型 字符串 用来描述对话框的外观等信息 可以使用以下的一个或几个 用分号“;”隔开 dialogHeight 对话框高度 不小于 px IE 中dialogHeight和dialogWidth 默认的单位是em 而IE 中是px 为方便其见 在定义modal方式的对话框时 用px做单位 dialogWidth: 对话框宽度 dialogLeft: 距离桌面左的距离 dialogTop: 离桌面上的距离 center: 窗口是否居中 默认yes 但仍可以指定高度和宽度 取值范围{yes | no | | } : 是否显示帮助按钮 默认yes 取值范围 {yes | no | | } resizable: 是否可被改变大小 默认no 取值范围 {yes | no | | } ［IE +］ status: 是否显示状态栏 默认为yes[ Modeless]或no[Modal] 取值范围{yes | no | | } ［IE +］ scroll:指明对话框是否显示滚动条 默认为yes 取值范围{ yes | no | | | on | off } 还有几个属性是用在HTA中的 在一般的网页中一般不使用 dialogHide:在打印或者打印预览时对话框是否隐藏 默认为no 取值范围{ yes | no | | | on | off } edge:指明对话框的边框样式 默认为raised 取值范围{ sunken | raised } unadorned:默认为no 取值范围{ yes | no | | | on | off }

用data()方法。比如网

• 32
页标签为
问题三：用jascript 怎样才能很好的获取手机的屏幕宽度和高度 一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。

则jQuery中可以用 $("#hello").data("hello") 来获得 data-hello 中的值，也可以用 $("#hello").data("hello", "OK"); 来改变这个值

使用attr方法，attr() 方法设置或返回被选元素的属性值。

jquery获得元素data属性值的方法：

data-myid="3e4ae6c4e">Some awesome data

可是，怎么来读取这些数据呢？你当然可以遍历页面元素来读取你想要的属性，但jquery已经内置了方法来作这些属性。使用jQuery的.data()方法来访问这些"data-" 属性。其中一个方法就是 .data(obj)，这个方法是在 jQuery1.4.3版本后出现的，它能返回相应的data属性。

var myid= jQuery("#awesome").data('myid');

console.log(myid);

你还可以在"data-" 属性里使用json语法，例如，如果你写出下面的html：

你可以通过js直接访问这个数据，通过json的key值，你能得到相应的value：

var Status= jQuery("#awesome-json").data('awesome').;

console.log(Status);

你也可以通过.data(key,value)方法直接给"data-" 属性赋值。一个重要的你要注意的事情是，这些"data-" 属性应该和它所在的元素有一定的关联，不要把它当成存放任意东西的存储工具。

JaScript或jquery获取frame的元素的值？

/将获取的值存到变量里/

仔细检查你的js代码，看看是否有问题。

var obj=$("#div").attr("class");

我用的frameset都没有问题$(document).ready(function(){

parent.LeftFrm.document.getElementById("test").innerHTML

parent.LeftFrm.$("#test").html()

见图。。

这个问题貌似昨天回答过相似的。

不是谷歌浏览器不生效，而是frameset这种标签很少用了。把frameset去掉。直接用样式控制每个iframe的位置。parent.$("#test").html("BB")

如果你用iframeset的话，是实现不了的。

怎么用js获取div的当前宽度？

2、在index.html中的Tips：最终获取出来的值包含了px的单位，可以用parseInt()方法把px单位去除掉，直接获取到数值。

alert(div1.width);

alert(div1.style.width);

//获取宽度，看你怎么定义的div了，上面是获取的两个宽度。一般用style

//如果赋值给高度直接写

div1.height = div1.width;

var width=document.getElementById("div").style.width获得宽度

document.getElementById("div").style.height=width把宽赋值给高。你是想这样吗？可以继续问

可以用两种方法 个用jquery 获取div 可以查看帮助文档

js 获取 var width=document.getElementById("div").style.width获得宽度