首页
科技
生活
职业
教育
资讯
关于
PS
WPS
WORD
EXCEL
PPT
CAD
DW
CSS
JS
PHP
数据库
更多
展开

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

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

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

适用环境：

型号：台式机
系统：win10

问题解析：

【】

1、 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样式中的百分比数值，但是可以借助其在父元素中所占比例来计算。

相关推荐

猜你可能喜欢

点击加载更多