如何通过 ID 检索 HTML 元素的所有内联和外部样式？

通过元素 ID 检索 HTML 元素的样式属性

您想要创建一个函数，在给定元素的 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 <p>这里有一个细分：</p>
<ul>
<li>迭代 getCompulatedStyle 提供的样式对象以获取所有样式属性及其值。</li>
<li>对于支持 currentStyle (IE) 的浏览器，迭代该对象。</li>
<li>通过直接迭代元素的样式属性来处理内联样式。</li>
<li>结果是格式为“propertyName:propertyValue”的字符串数组。</li>
</ul></code>

以上是如何通过 ID 检索 HTML 元素的所有内联和外部样式？的详细内容。更多信息请关注PHP中文网其他相关文章！