javascript - 无法使用变量将样式附加到 div

标签 javascript html css classname

我可以在使用这样的字符串时内联添加样式

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 是一个数字。

CSS width 属性需要一个单位(通常是 px)。

你需要连接它:

overlayDiv.style.width = targetWidth + 'px';

关于javascript - 无法使用变量将样式附加到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31004756/

相关文章:

javascript - 按日期间隔汇总数据

javascript - 如何将旧的弹出窗口带到前台而不是打开新的弹出窗口?

android - CSS 图像/背景无法在智能手机上启动?

html - Bootstrap 导航栏确实切换

css - Thymeleaf + Spring-Boot - 为什么我不能访问静态资源?

javascript - 同时导入 "highcharts-more"文件时 Highstock 导航器不起作用

javascript - 在 JQuery 中使图像遵循圆形路径的最佳方法?

javascript - 如果字符串放置在 iframe 之后,则不会显示使用引导列表

javascript - 如何检查浏览器的在线状态

html - IE9 中的输入按钮图像样式