从div标签内的样式调用javascript函数[重复]答案

【问题标题】：Call javascript function from style inside div tag [duplicate]从div标签内的样式调用javascript函数[重复]
【发布时间】：2019-02-18 04:58:35
【问题描述】：

我想从style 中的div 标记中调用left prop 中的javascript 函数。

function setLeft() {
        return '15px';
    }

<div class="configValue" style="position: absolute; left: setLeft()">
  <strong>
   @Html.DisplayNameFor(m => m.First().ConfigurationValue)
  </strong>
</div>

我也尝试过类似的方法，但没有奏效：

"javascript:setLeft();"

【问题讨论】：

你不能这样做，但是你可以在js中通过脚本改变left prop
你不能。但是，您可以在页面加载后调用一个函数并在那里edit the style。
执行此操作的方法是：1. style="position: absolute; left:var(--left)" 和 2. 使用 javascript 函数设置 --leftvariable: `yourElement.style.setProperty("--left", " 15px");

标签： javascript html css

【解决方案1】：

你不能这样做。但是，您可以从 JS 更改样式。

var configValue = document.querySelector('.configValue');
configValue.style.left = setLeft();

【讨论】：

【解决方案2】：

为什么不直接使用jQuery来添加属性呢？

<div class="configValue" style="position: absolute" onload="setleft()">

jQuery:

function setleft(){
    $(this).css(left:"15px");
}

这应该可行。可能我的语法有问题，好久没做网页开发了

【讨论】：