参考 百度UEditor在线编辑器
UEdomdomUtilsgetStyle(element,name) ⇒ String
第一个参数是元素，第二个参数是需要获取的样式名称
使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。
行内样式(内联样式)即写在html标签中的style属性中，如<div style="width:100px;height:100px;"></div>
内嵌样式即写在style标签中，例如<style type="text/css">div{width:100px; height:100px}</style>
链接式即为用link标签引入css文件，例如<link href="testcss" type="text/css" rel="stylesheet" />
导入式即为用import引入css文件，例如@import url("testcss")
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性。但是元素的style属性仅仅代表了元素的内联样式，如果一个元素的部分样式信息写在内联样式中，一部分写在外部的css文件中，通过style属性是不能获取到元素的完整样式信息的。因此，需要使用元素的计算样式才获取元素的样式信息。
media query 的 resolution, min-resolution, max-resolution 比如：
@media screen and ( min-resolution : 2dppx ) {body {
background : #FF0;
}
}
Chrome29以前的版本和 Safari 上可以使用 -webkit-min-device-pixel-ratio : 2 代替
老版本的 Firefox 上，可以用 -moz-device-pixel-ratio : 2 代替
@media screen and ( -webkit-min-device-pixel-ratio : 2 ),( min--moz-device-pixel-ratio : 2 ),
( min-resolution: 2dppx ) {
body {
background : #F00;
}
}
也支持 dpi，比如 min-resolution : 192dpi
objstyle方法，这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），看下面代码
XML/HTML代码
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 10 Transitional//EN” “>
请参照 css3 伪类选择器；
:first-child
选择某个元素的第一个子元素（IE6不支持）
:last-child
选择某个元素的最后一个子元素
:first-of-type
[CSS3]选择一个上级元素下的第一个同类子元素
:last-of-type
[CSS3]选择一个上级元素的最后一个同类子元素
:only-child
[CSS3]选择的元素是它的父元素的唯一一个了元素（IE6-8不支持）
:only-of-type
[CSS3]选择一个元素是它的上级元素的唯一一个相同类型的子元素（IE6-8不支持）
:nth-child()
[CSS3]选择某个元素的一个或多个特定的子元素（IE6-8不支持）
:nth-last-child()
[CSS3]选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算（IE6-8不支持）
:nth-of-type()
[CSS3]选择指定的元素（IE6-8不支持）
:nth-last-of-type()
[CSS3]选择指定的元素，从元素的最后一个开始计算（IE6-8不支持）
以上就是关于如何在ueditor中获取选中元素的css/attr等全部的内容，包括:如何在ueditor中获取选中元素的css/attr等、如何javascript获取css中的样式、css 中如何获取dpr值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）