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

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

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

上一篇：如何利用js返回到指定历史记录地址 下一篇：jQuery怎么获取元素高度

相关推荐

  • word表格怎么加行数
    word表格怎么加行数 1、在word中打开素材文档，光标定位到表格最后一行。2、点击右键打开菜单，选择【插入】选项，在子选项中选择【在下方插入行】选项即可……

    WORD基础 发布于 2024-02-04 22:09:15 浏览 207

  • cad怎么快速标注
    cad怎么快速标注 1、电脑上打开cad文件素材。2、直接输入【QDIM】命令并按回车。3、选中要备注的线并按回车。4、拖动鼠标到指定位置单击左键即可……

    CAD基础 发布于 2024-02-03 22:59:07 浏览 267

  • 怎么改变Dreamweaver背景色
    怎么改变Dreamweaver背景色 1、打开dw软件，选择【编辑】菜单中的【首选项】，或者按快捷键【Ctrl+U】打开首选项。2、在首选项对话框中，下拉左侧导航找到并点击【……

    DW基础 发布于 2024-02-03 22:50:14 浏览 322

  • css样式背景渐变透明怎么实现
    css样式背景渐变透明怎么实现 1.css中，可利用“linear-gradient()”函数和“transparent”透明值实现渐变透明的效果，只需要给元素添加“background-image:linear……

    CSS基础 发布于 2022-12-18 15:59:29 浏览 544

  • 怎么把cad背景换成白色
    怎么把cad背景换成白色 1.使用cad打开dwg素材文档，直接输入【OP】命令并回车。 2.在选项对话框中，选择【显示】选项卡。 3.在窗口元素栏中，点击【颜色】按钮……

    CAD基础 发布于 2022-12-18 15:15:57 浏览 425

  • 表格中的斜线怎么弄一分为二怎么打字
    表格中的斜线怎么弄一分为二怎么打字 1.打开excel软件，导入表格素材文档。 2.鼠标右键“名称序号”单元格，选择【设置单元格格式】选项。 3.在弹出的设置单元格格式对话……

    EXCEL基础 发布于 2022-12-18 14:46:23 浏览 457

  • word表格怎么下拉数字递增
    word表格怎么下拉数字递增 1.打开word软件，导入含表格的word素材。 2.全选需要递增数字序号的列单元格。 3.选择顶部【Home】菜单。 4.在工具栏中选择【编号……

    WORD基础 发布于 2022-12-18 13:57:02 浏览 393

  • ps怎么抠图头发
    ps怎么抠图头发 1.打开ps并导入ps素材图，在右侧选择【通道】面板。 2.右键对比度强烈的【蓝】通道，选择【复制通道】。 3.按住Ctrl不放，点击刚才新建……

    PS基础 发布于 2022-12-18 13:24:43 浏览 530

  • php怎么去除xml标签标记
    php怎么去除xml标签标记 1.strip_tags()是php自带方法，该方法剥去字符串中的 HTML、XML 以及 PHP 的标签。

    PHP基础 发布于 2022-12-17 00:03:39 浏览 302

  • input输入框怎么设置提示文字
    input输入框怎么设置提示文字 1.可以直接在需要提示的input输入框中加上placeholder属性。 2.value是input输入框的值，在提交表单的时候会将值提交给服务，可以通……

    PHP基础 发布于 2022-12-16 22:02:53 浏览 361

本周热门排行

热门职业

哪里能找到建筑工程识图绘图的培训班
哪里找到建筑工程识图审图的培训课程
建筑工程识图审图都涉及到培训那些内容

您可能感兴趣的

ps铅笔工具的作用 ps铅笔工具的作用
ps怎么下载免费版
怎么修改证件照背景颜色
ps软件怎么使用
ps新建文件的快捷键是哪个
Copyright 抉信网 All Rights Reserved 桂ICP备2022002235号 桂公网安备45098102000464号