javascript - 帮助将这段代码从 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

以跨浏览器的方式计算尺寸(如您正在获取和设置的 height() )是用纯 JavaScript 完成的一项极其繁琐的任务。除其他原因外，这就是为什么首先构建 jQuery 等库的原因。

我强烈建议您不要在没有任何框架的情况下执行此操作 - 如果您不喜欢 jQuery，那很好，但请使用另一个框架。