js如何获取DIV的 class值

1根据ID,用var div=documentgetElementById('youdivid')

2通过标签名来取得var div=documentgetElementsByTagName('div')[num]

3举个例子可以多练习练习：

function a(){var div=documentgetElementById('a');alert('div的class为:'+divid)alert('div的id为:'+divclassName)}

function b(){var div=documentgetElementsByTagName('div')[0];alert('div的class为:'+divid)alert('div的id为:'+divclassName)}</script>

扩展资料 

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

参考资料 百度百科-js

//获取样式的方法，第一个参数是元素，第二个是样式名，不过透明度这个，有3种写法，ie、火狐、其它浏览器，也许获取的内容不一样

getStyle:function(ele,styleName){if(elecurrentStyle){/ie/return elecurrentStyle[styleName];}else{/ff/var $arr=eleownerDocumentdefaultViewgetComputedStyle(ele, null);return $arr[styleName];}}

javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要使用如下兼容性代码

HTMLElementprototype__defineGetter__("currentStyle", function () { 

    return thisownerDocumentdefaultViewgetComputedStyle(this, null); 

});

接下来就可以直接使用currentStyle属性来获取元素的样式了，下面实例演示获取页面body的背景色：

1、HTML结构

<input type='button' value='点击按钮获取页面背景色' onclick="fun()"/>

2、CSS样式

body{background: RGB(222,222,2);}

3、javascript代码

HTMLElementprototype__defineGetter__("currentStyle", function () { 

return thisownerDocumentdefaultViewgetComputedStyle(this, null); 

});

function fun(){

var color = documentbodycurrentStylebackgroundColor;

alert(color);

}

4、效果演示

因为是动态数据，所以#div1的高度是auto，无法获取到具体值。

var div1=documentgetElementById("div1");

alert(div1styleheight); //没有值

建议从css上改进。

比如给中间的div设置css {height:500px;overflow:auto;}这样就能固定高度，多出的内容用滚动条显示。

或者让尾部div相对中间的div定位。

本篇文章主要介绍了js获取非行间样式的相关知识，具有很好的参考价值。下面跟着我一起来看下吧

我们都知道，js不能直接获取样式表中的样式，例如width，left，只能直接获取行内样式，但是现在主流不建议写行内样式，因此我们封装一个可以直接获取非行间样式的函数

currentStyle是IE中的属性，getComputedStyle是其他浏览器的方法

（1） getStyle（注意其有两个参数）；

第一个参数 obj 为要获取的对象，第二个参数attr为要获取的属性，

（2）在非行间样式中，style属性只能去赋值，在行间样式中才能去获取样式；

以上就是关于js如何获取DIV的 class值全部的内容，包括:js如何获取DIV的 class值、javascript中怎么通过getelementById方法得到style中的opacity（透明度）的值、js 如何获取背景色的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！