javascript - 获取 div 宽度并添加到边框答案

【问题标题】：javascript - get div width and add to borderjavascript - 获取 div 宽度并添加到边框
【发布时间】：2016-02-12 01:39:53
【问题描述】：

嘿，我想获取 div 的宽度并将其作为边框宽度添加到 css 类中。提前致谢！

这里是 div：

<div id="web" class="well">
<div style="padding:19px">
<a style="text-decoration:none;" class="boxclose web_close"></a>
<h2 style="color:#242424; font-weight:bold;"><em style="color:#4fd886;">&mdash;</em>  Web.</h2>
<p></p>
</div>
</div>

这是 CSS 类：

.well:before { 
    width: 0;
    height: 0;
    content: "";
    border-bottom: 81px solid #fff;
    border-left:/*WIDTH HERE*/ solid transparent;
    position: absolute;
    bottom: 100%;
}

【问题讨论】：

您是否使用边框作为间距？为什么是透明的？你试过什么？
如果你点击get div width javascript，你会在第一个答案中找到它......stackoverflow.com/questions/4787527/…
How to find the width of a div的可能重复
好的，我怎样才能把这个添加到课堂上？？和@ajmajmajma 它是一个有角度的边框
所以要获得宽度，您需要使用 javascript 来完成。但是您需要弄清楚何时要获取它/什么事件获取它，并且它是否会在调整大小事件时发生变化？那么你也可以用javascript（或jquery）应用它。您可以执行类似 document.getElementById("mydiv").offsetWidth 的操作来查找 JS 中的宽度

标签： javascript html css width border

【解决方案1】：

我没有提到你想要任何一侧的边框，如左边框、右边框等或全方位的边框。我已尝试解决您的问题，请在下面找到小提琴链接..

find js fiddle demo

.well{
position:relative;
float:left;
}
.well:before { 
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left:0;
border:1px solid red;
}

【讨论】：

这是我想做的，它可以工作，但我必须响应所以 div 的宽度是 50%，我想以 px 获取它并将它添加到类 prntscr.com/6uudel
编辑：斜线是边界
我想你想要这样 jsfiddle.net/locateganesh/rzyhggtw/5 请为浏览器支持编写 css 转换扩展，例如 -webkit-transform: scale(0, -5deg);而且我将主要元素的宽度保持在 80% 并且它是响应式的。如果您愿意，可以根据要求更改宽度百分比..