0

getComputedStyletext-decorationは継承されたプロパティの取得に失敗しますが、取得できますfont-size。

Firefox 25とGoogleChrome 30で失敗しました。

注: Internet Explorer 10で動作します。

<!DOCTYPE html>
<html>
    <style>
        #parent
        {
            font-size: 38px;
            text-decoration: underline;
        }
    </style>
<body>
    <div id="parent">
        <p id="child">Test</p>
    </div>
    <script>
        var elem = document.getElementById("child");

        document.write("text-decoration:"+window.getComputedStyle(elem).getPropertyValue("text-decoration"));
        document.write("<br>");
        document.write("text-decoration:"+document.defaultView.getComputedStyle(elem).getPropertyValue("text-decoration"));
        document.write("<hr>");
        document.write("font-size:"+window.getComputedStyle(elem).getPropertyValue("font-size"));
        document.write("<br>");
        document.write("font-size:"+document.defaultView.getComputedStyle(elem).getPropertyValue("font-size"));
    </script>
</body>
</html>

それは私のせいですか、それとも失敗したブラウザですか？

4

1 に答える 1

2

text-decoration親テキストの装飾が子テキストに影響を与えるとしても、継承することは想定されていません。font-sizeこれは、継承するとは異なります。

そうは言っても、これは間違いなく IE のバグのようです。IE10 では継承されているwindow.getComputedStyle()と報告されていますが、興味深いことに、F12 開発者ツールではそうではありません。

参考文献:

https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

http://reference.sitepoint.com/css/text-decoration

于 2013-11-03T06:49:09.157 に答える