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

Posted 2023-05-07

【中文标题】从div标签内的样式调用javascript函数[重复]

【英文标题】：Call javascript function from style inside div tag [duplicate]

【发布时间】：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");

【参考方案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");

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