zoukankan      html  css  js  c++  java
  • javascript检索样式

    今天看了《javascript DOM 编程艺术》第二版的第150页:书上说javascript只能获取内联样式的值,无法获取内部样式表和外部样式表的值,特作此测试:

    内联样式表:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <p id="example" style="color:grey; font: 12px 'Arial', sans-serif">what fuck</p>
        
        <script type="text/javascript">
            var para = document.getElementById("example");
            alert(para.style.fontSize);
        </script>
    </body>
    </html>

    内联样式表:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
        #example{
            color:grey;
            font: 12px 'Arial', sans-serif;
        }
        </style>
    </head>
    <body>
        <p id="example">what fuck</p>

        <script type="text/javascript">
            var para = document.getElementById("example");
            alert(para.style.fontSize);
        </script>
    </body>
    </html>

    外部样式表:

    html部分的代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <body>
        <p id="example">what fuck</p>

        <script type="text/javascript">
            var para = document.getElementById("example");
            alert(para.style.fontSize);
        </script>
    </body>
    </html>

    index.css部分的代码:

    #example{
        color:grey;
        font: 12px 'Arial', sans-serif;
    }

    经调试:

    chrome firefox opera safari IE都遵循javascript只能检索内联样式表的值。

    ps:如有疑问,可以探讨。

  • 相关阅读:
    序列JSON数据和四种AJAX操作方式
    jquery.validate和jquery.form.js实现表单提交
    JQuery Validate使用总结1:
    HOWTO: Include Base64 Encoded Binary Image Data (data URI scheme) in Inline Cascading Style Sheets (CSS)(转)
    SharePoint 2007 使用4.0 .Net
    动态IP解决方案
    取MS CRM表单的URL
    从Iframe或新开的窗口访问MS CRM 2011(转)
    Toggle or Hidden MS CRM Tab
    Windows 2008下修改域用户密码
  • 原文地址:https://www.cnblogs.com/JustinBaby/p/4806524.html
Copyright © 2011-2022 走看看