如何使用JavaScript获取跨浏览器文字样式字符串？

我发现有必要在浏览器中提取元素的设置样式(由用户完成).我必须能够使用服务器上检索到的样式(服务器端的javascript和jQuery).现在的问题是,许多浏览器似乎使用自己的命名约定,或者喜欢将速记分隔为单独的元素,而其他浏览器则没有.

对我来说,一种解决方案是获取元素的文字样式字符串(不必考虑样式表中的样式).在Firefox / Chrome中,这将起作用：

node.getAttribute('style')

不幸的是,这在Internet Explorer 5/6/7中是不可能的.我认为这将是一个解决方案：

function getStyleStr(node) {
    return typeof(node.getAttribute('style')) !== 'string' ? node.style.cssText : node.getAttribute('style');
}

http://jsfiddle.net/8p5BN/6/

不幸的是,node.style.cssText不返回如下所示的文字字符串：http://javascript.gakaa.com/style-csstext.aspx

有没有更好的方法来检测跨浏览器中具有相同名称的元素的设置样式？

解决方法:

http://upshots.org/?p=112

您需要访问dom元素的计算样式和/或当前样式.那应该给您您所需要的一切,并且将考虑所有形式的样式(内联,声明的css和继承的属性)

标签：coding-style,cross-browser,attributes,javascript,jquery
来源： https://codeday.me/bug/20191209/2095411.html