帮助将这段代码从jQuery转换为纯JavaScript

Question

试图在我的网站顶部,左侧和右侧添加动态边框...我网站上的页面是动态的...即他们改变了...我需要一个脚本,简单地将div调整到网页. ..

谁知道这个？我从这个论坛上的某个人那里得到了这个剧本,但我试图避免使用jQuery(不要问)...

<p class="bgr">Content content content</p>
<script type="text/javascript">
$('.bgr').each(function(i,el){
$('<div class="bgr_left"/>').height($(this).height()+'px').appendTo($(this));
// similar for top, right, and bottom
});
</script>

Answer 1

以跨浏览器的方式计算维度(作为你正在获取和设置的高度())是一个非常繁琐的任务,在纯JavaScript中.除了其他原因之外,还有为什么像jQuery这样的库是首先构建的.

我强烈建议你不要在没有任何框架的情况下这样做 - 如果你不喜欢jQuery,那很好,但是使用另一个.