zoukankan      html  css  js  c++  java
  • JavaScript获取CSS属性

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>浮动广告</title>
            <style type="text/css">
            *{padding:0px;margin:0px;}
            .scrollAdver{120px;height:240px;background:red;position:absolute;top:120px;left:6px;}
            </style>
            <script type="text/javascript">
            window.onload=function()
            {
                var getObj=document.getElementsByTagName("div")[0];
                if(document.all)//如果为IE浏览器
                {
                    alert(getObj.currentStyle.top)
                }
                else if(window.getComputedStyle)//如果为FF或者其他浏览器
                {
                    alert(window.getComputedStyle(getObj,null).getPropertyValue("top"))
                }
            }
            </script>
        </head>
        <body>
            <div class="scrollAdver"></div>
        </body>
    </html>
  • 相关阅读:
    【面试】前端基本
    【echart】学习笔记
    【Django】url传递参数
    【HTML】section
    【jquery】获取元素高度
    【ztree】ztree例子
    【CSS3】块级元素与行内元素的区别
    Vue 项目中应用
    Vue 指令
    Vue 组件
  • 原文地址:https://www.cnblogs.com/mizzle/p/2091931.html
Copyright © 2011-2022 走看看