您想要创建一个函数,在给定元素的 ID 时,检索应用于该元素的所有样式,内联和外部定义。
这里有一个全面的解决方案:
<code class="js">function getStyleById(id) { return getAllStyles(document.getElementById(id)); } function getAllStyles(elem) { if (!elem) return []; // Element does not exist, return empty list. var win = document.defaultView || window, style, styleNode = []; if (win.getComputedStyle) { /* Modern browsers */ style = win.getComputedStyle(elem, ''); for (var i = 0; i < style.length; i++) { styleNode.push(style[i] + ':' + style.getPropertyValue(style[i])); // ^name ^value } } else if (elem.currentStyle) { /* IE */ style = elem.currentStyle; for (var name in style) { styleNode.push(name + ':' + style[name]); } } else { /* Ancient browsers..*/ style = elem.style; for (var i = 0; i < style.length; i++) { styleNode.push(style[i] + ':' + style[style[i]]); } } return styleNode; }</code>
这里有一个细分:
以上是如何通过 ID 检索 HTML 元素的所有内联和外部样式?的详细内容。更多信息请关注PHP中文网其他相关文章!