程序博客网 > 淘宝直通车溢价比例

尺寸

来源：互联网发布：淘宝直通车溢价比例编辑：程序博客网时间：2024/06/10 03:07

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<title></title>

<styletype="text/css">

#div1{

width:100px;

height:100px;

background-color: deepskyblue;

border:10px solid yellow;

padding:10px;

margin:100px;

position:absolute;

left:50px;

top:50px;

}

</style>

<scriptsrc="js/jquery-2.1.3.min.js"type="text/javascript" charset="utf-8"></script>

<scripttype="text/javascript">

$(document).ready(function(){

// js原生的写法求div1的不含border的尺寸

vardiv1 = document.getElementById("div1");

// content + padding

console.log(div1.clientWidth);

// content + padding + border

console.log(div1.offsetWidth);

// jq写法

var$d = $("#div1");

// content

console.log($d.width());

// content + padding

console.log($d.innerWidth());

// content + padding + border

console.log($d.outerWidth());

// top

// js写法

console.log(div1.offsetTop);//150 margin 相对于父级元素的

// jq写法

console.log($d.offset().top);// 相对于文档本身的

console.log($d.offset().left);

})

</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

0 0

淘宝直通车溢价比例

淘宝直通车溢价比例

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子真实的克苏鲁跑团游戏重生1983年海贼：我，团灭发动机我在一拳下副本四合院之快意人生说好的文字修仙，怎么就具现了？斗破之开局魂二代四合院：从保安开始隐退后，大佬她又炸翻全场了穿书后我觉醒了锦鲤体质港综从赤柱监狱开始诸天从挖傻柱根基开始影视从我的美女老板开始神秘复苏之诡相无间全职高手之全能设计师秦时天行者都有远方红楼大名士静诵黄庭三十载，石猴来拜重生后我和前任大佬复合了 1850美洲黄金大亨从霍格沃兹开始掌控雷电求生之开局一个小树屋开局推演至高法，我有百倍增幅！穿成疯批公主后我把男主养成暴君奥苏亚的战旌我可能是一只假的奥特曼漫威之我能控制金属崛起诸天从圣墟开始心动攻陷直播修仙：请道友相信科学遮天：开局降生在紫薇星域柯南里的克学调查员霍格沃茨之我叫斯内普互穿成爽文对照组综武侠：从小李飞刀侄子开始人在秦时，君临天下邪神竟是我自己！亮剑：从赵家峪开始震惊龙族之开局上了那辆迈巴赫开局北美1400年：正在建国