搜索

回答

1、原生js这样来获取：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>js获取某元素的class里面的css属性值</title>
    <style>
        #box1 {
            margin: 5px;
            padding: 5px;
            height: 100px;
            width: 200px;
        }

        a {
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 3px 5px;
            margin: 5px 0;
            display: inline-block;
            background: #eee;
            color: #f60;
            text-decoration: none;
            font-size: 12px;
        }

        a:hover {
            color: #ff0000;
            background: #fff;
        }
    </style>
</head>

<body>
    <div id="box1">
        box1的css.#box1{margin:5px;padding:5px;height:100px;width:200px;}
    </div>
    <a id="href1" href="BfwJavascript;"BfwOnclick="getMarginTop()">获取box1的margin-top</a><br />
    <a href="BfwJavascript;"BfwOnclick="getcss('paddingTop')">获取box1的padding-top</a><br />
    <a href="BfwJavascript;"BfwOnclick="getcss('height')">获取box1的height</a><br />
    <script>
        //获取class里面的属性值
        var divs = document.getElementById("box1");

        function getStyle(obj, attr) {
            var ie = !+"\v1"; //简单判断ie6~8
            if (attr == "backgroundPosition") {
                //IE6~8不兼容backgroundPosition写法，识别backgroundPositionX/Y
                if (ie) {
                    return obj.currentStyle.backgroundPositionX + " " + obj.currentStyle.backgroundPositionY;
                }
            }
            if (obj.currentStyle) {
                return obj.currentStyle[attr];
            } else {
                return document.defaultView.getComputedStyle(obj, null)[attr];
            }
        }

        function getMarginTop() {
            var typ = 'marginTop';
            alert(getStyle(divs, typ));
            //我们来修改一下margintop的值，再次获取实时
            divs.style.marginTop = '10px';
            alert(getStyle(divs, typ));
        }

        function getcss(typ) {
            alert(getStyle(divs, typ));
        }

        window.onload = function() {
            var box1 = document.getElementById("box1");
            var href1 = document.getElementById("href1");
           
        };
    </script>
</body>

</html>

2、jquery的话这样：$(selector).css(name)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jquery获取某元素的class里面的css属性值</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <style>
        #box1 {
            margin: 5px;
            padding: 5px;
            height: 100px;
            width: 200px;
        }

        a {
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 3px 5px;
            margin: 5px 0;
            display: inline-block;
            background: #eee;
            color: #f60;
            text-decoration: none;
            font-size: 12px;
        }

        a:hover {
            color: #ff0000;
            background: #fff;
        }
    </style>
</head>

<body>
    <div id="box1">
        box1的css.#box1{margin:5px;padding:5px;height:100px;width:200px;}
    </div>
    <a id="href1" href="BfwJavascript;"BfwOnclick="getMarginTop()">获取box1的margin-top</a><br />
    <a href="BfwJavascript;"BfwOnclick="getcss('paddingTop')">获取box1的padding-top</a><br />
    <a href="BfwJavascript;"BfwOnclick="getcss('height')">获取box1的height</a><br />
    <script>
      
    

        function getMarginTop() {
           
            alert($("#box1").css("marginTop"));
          
            //我们来修改一下margintop的值，再次获取实时
             $("#box1").css("marginTop","10px");
             alert($("#box1").css("marginTop"));
        }

        function getcss(typ) {
                alert($("#box1").css(typ));
        }


    </script>
</body>

</html>

网友回复

我知道答案，我要回答

我有问题

私活外包

回答

开发了一个网站ai聊天助手

一个月开发一套类似coze的智能体平台

部署一套内网离线ai助理

私有ai助理开发

类似如家的租房app开发

h5手机端考试网站开发

开发一个短剧解锁剧集的小程序

我要开发一个酒类拍卖交易平台

开发艺术品拍卖收藏买画卖画h5网站

帮我做个数字货币交易所网站

DLNA与UPnP的区别和不同？

苏超自建抢票app，通过先预约再抽签化解高并发抢票？

python如何让给电脑在局域网中伪装成电视接收手机的投屏图片视频播放？

如何结合python+js如何自己的视频编码与加密播放直播？

python如何在电脑上通过局域网将本地视频或m3u8视频投屏电视播放？

腾讯视频爱奇艺优酷vip电影电视剧视频如何通过python绕过vip收费直接观看？

有没有可免费观看全球电视台直播m3u8地址url的合集？

有没有实现观影自由的免vip影视苹果 CMS V10 API的可用url？

python如何实时检测电脑usb插入检测报警？

如何判断真人操作的鼠标移动直线轨迹与机器操作的轨迹？