展开

js怎么获取css样式百分比数

发布于 2022-12-18 16:04:36     浏览 450

js怎么获取css样式百分比数

适用环境:

型号:台式机
系统:win10

问题解析:

【】

1、
欢迎访问抉信网 www.juexinw.com
js不能直接获取style样式中的百分比数值,但是可以借助其在父元素中所占比例来计算。案例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>抉信网 www.juexinw.com</title>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>

<body>
    <div id="div"></div>
    <style>
        html,body{ width: 50%; height: 40%;}
        #div{ width: 65%; height: 40%; background-color: #9E9E9E;}
    </style>
    <script>
        var w = $('#div').width() / $('#div').parent().width() * 100;
        w = w.toFixed()+'%';
        window.document.write( w );
    </script>
</body>
</html>
说明:
toFixed(num):为实现四舍五入,其中参数num为保留多少为小数,留空默认保留整数。

js怎么获取css样式百分比数
js不能直接获取style样式中的百分比数值,但是可以借助其在父元素中所占比例来计算。

相关推荐

猜你可能喜欢

点击加载更多