zhaoyingbo/nodebook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
RainSun 2019-11-03 13:08:13 +08:00
parent fba170d342
commit 82be1bb4a6
3 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
20191101/20191101.md Normal file
View File

@ -0,0 +1,10 @@
* absolute属性不去设置top和left的时候是不会去侵占其他元素的位置的
* flex 子元素平铺，flex:1;
* getComputerStyle(ele,null).left
* 谷歌支持，火狐支持，ie8不支持
* ele.currentStyle.left
* ie8支持

16
20191101/test.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function my$(id) {
return document
}
</script>
</body>
</html>

42
20191103/test.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}
div {
height: 200px;
width: 200px;
background: #10aeff;
}
</style>
</head>
<body>
<input type="button" value="点击" id="btn">
<div id="dv"></div>
<script type="text/javascript">
function my$(id) {
return document.getElementById(id)
}
window.onload = function() {
var btn = my$('btn')
var dv = my$('dv')
function getStyle(ele,attr) {
return window.getComputedStyle ? window.getComputedStyle(ele,null)[attr]:ele.currentStyle[attr]
}
btn.onclick = function() {
console.log(getStyle(dv,'left'))
console.log(getStyle(dv,'margin-left'))
console.log(getStyle(dv,'background'))
console.log(getStyle(dv,'width'))
}
}
</script>
</body>
</html>