无法使用变量将样式附加到 div
Cannot append style to div using veriable
我可以在使用像这样的字符串时内联添加样式
element.style.width='100px';
但是,如果我使用像这样的变量,它不会追加
//get ID of clicked elemnt
var divId = cssPath(e.target).substring(1);
var tagetDiv = document.getElementById(divId);
var targetWidth = tagetDiv.clientWidth;
var overlayDiv = document.createElement('div');
overlayDiv.className = 'bsOverlay';
overlayDiv.style.width=targetWidth;
clientWidth
是一个数字。
CSSwidth
属性需要一个单位(通常是px
)。
您需要连接它:
overlayDiv.style.width = targetWidth + 'px';
我可以在使用像这样的字符串时内联添加样式
element.style.width='100px';
但是,如果我使用像这样的变量,它不会追加
//get ID of clicked elemnt
var divId = cssPath(e.target).substring(1);
var tagetDiv = document.getElementById(divId);
var targetWidth = tagetDiv.clientWidth;
var overlayDiv = document.createElement('div');
overlayDiv.className = 'bsOverlay';
overlayDiv.style.width=targetWidth;
clientWidth
是一个数字。
CSSwidth
属性需要一个单位(通常是px
)。
您需要连接它:
overlayDiv.style.width = targetWidth + 'px';