原生js获取当前元素css，原生js如何获取dom

如何用JS来判断现在使用中的CSS

1、JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。

2、--[if IE]！[endif]-- 具体的文章如下：条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。

3、不能按照内容作为判断的条件。这样做的话，会照成不准确，而且容易出错。按照这样的思路：内容0 === class=test0 -对应div的name值来判断内容0内容1 === class=test..内容N === class=testN 用js来判断name值为0的时候，class赋值 test0。。这样比较好点。

4、获取内联样式在这种情况下，获取和设置样式只靠style属性就可以，因为element.style属性返回的是类似数组的一组样式属性及对应值，因此访问具体样式的时候可以采取两种方式即“ele.style.属性名称”和“ele.style[属性名称]”。

5、从alert出来的信息可以看到，document.getElementById(“css88”).style方法获取不到class为ss的属性和值。IE中使用的是obj.currentStyle方法，而FF是用的是getComputedStyle 方法。

6、Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

相关问答

Q1: jquery,怎么取到当前元素的css的名字?

jquery是javascript的一种js框架 jquery在js代码里的符号为 比如一段HTML代码 HTML页面 jquery获取class为nav的这个元素 $(.nav)jquery获取id为menu的这个元素 $(#menu)class类名jquery获取这个元素，必须以.开头，id以#开头，如上。

使用$(#id名)和$(.类名)来获取标签，希望对你有帮助。

获取baiclass＝＇aaa＇DIV元素：zhi＄（＇．aaa＇）(#aaadiv.aaaaaa)获取父元素id为BBB，类为aaaaaa的元素：$(# BBB .aaaaaa)JQuery元素选择器：JQuery使用CSS选择器来选择HTML元素。＄（＂p＂）：选择 元素。＄（＂p。）：选择全部 类＝“介绍”的元素。

新建一个HTML文件，输入如下的HTML结构。为了演示本问题，假设了一个带有背景色样式的A元素和一个红色的B元素，实现在点击按钮后将A元素的类样式（背景色）应用到B元素上。

jquery是页面一加载获取页面元素的，你后期加的a标签，是获取不到的。你可以在$(#table).append(删除)的时候就在内部加上事件，如$(#table).append(删除)。

例如： console.log($(#div1).css(Border-top-width))；//2px 获取包含了多个DOM元素的jQuery对象的样式，只能获取到第一个DOM对象的样式。

Q2: js怎么获取css样式里的background属性值呢?

JS获取CSS属性值 alert(document.getElementById(“css88”).style.width)；//200px alert(document.getElementById(“css88”).style.color)；//空白 上面这个例子对id为”css88″的div设置了2种烦事的样式，包括style和外部样式class。

获取内联样式在这种情况下，获取和设置样式只靠style属性就可以，因为element.style属性返回的是类似数组的一组样式属性及对应值，因此访问具体样式的时候可以采取两种方式即“ele.style.属性名称”和“ele.style[属性名称]”。

(#bg).getHexBackgroundColor()；获取到标签id=bg的background-color的RGB值。

background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

background是总的属性名称，你可以链接的。也可以自己写“属性组”来实现。backgroundImage同学，你写错了background-image才对。这个是控制背景是图片的时候的。background-Color，背景可以指定是单纯一种颜色。image这个标签哥米见过，应该是img标签吧。你这个写法严重不规范啊。

Q3: 原生JS如何查询一个元素的class,增加一个class,删除一个class

1、).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

2、用jquery：if ($(#test).hasClass(lala)) { alert(ok)； }；元素，又称化学元素，指自然界中一百多种基本的金属和非金属物质，它们只由一种原子组成，其原子中的每一核子具有同样数量的质子，用一般的化学方法不能使之分解，并且能构成一切物质。 一些常见元素的例子有氢，氮和碳。

3、addClass 描述： 为每个匹配的元素添加指定的样式类名 .addClass( className )，className为一个String字符串，为指定元素添加这个classname的类.addClass( function(index， currentClass) )，这个函数返回一个或更多用空格隔开的要增加的样式名。

4、addClass：为指定的dom元素添加样式。removeClass：删除指定dom元素的样式。toggleClass：如果存在(不存在)，就删除(添加)一个样式。hasClass：判断样式是否存在。

5、我给你的那个DIV加了个 id 方便获取。。

6、最后需要先获取id为a的div的dom，使用insertBefore函数将div插入即可：打开浏览器，点击页面中的按钮，下方就显示出js的字样了：最后按下f12调出控制台，在控制台中可以看到插入的div结构，以此验证插入的内容是正确的。

Q4: 原生js获取元素的样式style属性值

用jquery可以很轻松的取到了，比如：div id=divTest style=height：100px/div 只需要：(div#divTest).css(height)；就可以取到height的值了。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。

js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

var img = document.getElementById(imgId)；var rect = img.getBoundingClientRect()；alert(rect.width+，+rect.height) //实际显示的高度和宽度，不管是通过css或width属性设置的。alert(img.naturalWidth+，+img.naturalHeight)；//图片的原始高度和宽度，不过旧的浏览器可能不支持。

Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

Q5: JS中如何获取CSS属性

1、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值，返回的是一个CSS样式声明对象 ， 只读， 此方法支持Firefox浏览器；语法：var style=window.getComputedStyle(“元素”，“伪类”)；第一个参数是必须的，第二个为可选的。

2、Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

3、您好！很高兴为您答疑！opacity--不透明度，可以用：opa=document.getElementById(#).style.opacity；您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

4、首先要取得top值和left值，先要把这个div的定位设为 relative 或者 absolute 比如： top值： document.getElementById(tiao).offsetTop+document.body.scrollTop left值：document.getElementById(tiao).offsetLeft；您可以在火狐社区了解更多内容。

5、最大的优点 ： 可以给属性传递参数 我们想要获得css 的样式， box.style.left 和 box.style.backgorundColor 但是它只能得到 行内的样式。 但是我们工作最多用的是 内嵌式 或者 外链式 。

原生js获取当前元素css的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于原生js如何获取dom、原生js获取当前元素css的信息别忘了在本站进行查找喔。