FMJ.me

FMJ.me

一个靠自学的菜鸟,只会html+css,JavaScript是什么鬼?vue.js?php?学不动学不动...

工作室 联系QQ

冯美杰就是我。单纯的个人博客,只做记录,别无其他。

鄂ICP备15002105号

Powered By wordpress ,Theme By 天兴工作室

js学习之获取一个div的高度并赋值给另外一个div

fmj 发布于 2016年03月07日 73 浏览 0 评论


这几天都在看w3c的JavaScript教程,都只是大概的了解了下并没有动手写。正好今天有个客户要修改一个zblog模板,其中的一个需求本来是用css可以实现的,但是手痒想试下用js来实现。

客户的需求是一个没有定义高度的div加上一个类似于投影的效果,这东西用css3可以实现,可是我的实现方法是这样的:

增加一个div和这个div同等高度,然后利用"position"定义好位置,新增加的div设置下背景色顶部和左侧距离,即可实现类似于投影的效果了。

其实为什么要搞这种思路我也不知道为什么...

然后就开始兴匆匆的折腾js。先是在网上搜索到一个然后自己改了下,发现实现是可以实现,但是代码中有"window.onload"导致页面的其他js全部失效了!

然后整理了下思路,仔细的回头去翻看w3c的教程,写出了以下代码:

<script type="text/javascript">
var gaodu=document.getElementById("youying").offsetHeight; //获取高度
yy=document.getElementById("yinying") // 找到元素
yy.style.height=gaodu+"px";          // 改变样式
</script>

代码解释:

获取id为“youying”的div的高度,找到id为“yinying”的div并给其加上css高度属性。

就这样搞好了...请忽略我奇葩的思路和土鳖的拼音命名!

Tags:
×
欢迎评论
冯美杰就是我。单纯的个人博客,只做记录,别无其他。

鄂ICP备15002105号

Powered By wordpress ,Theme By 天兴工作室

导航 关灯 背景 顶部

纯色背景

图片背景