试图从JavaScript向CSS传递参数

我已经开始为iOS平台开发一个诗歌应用程序，它在录制播放时突出显示相关文本（由用户选择）。用户将看到播放音频的选项列表（即开始行、结束行），当应用程序播放录音时，相关行也将突出显示。我的问题是：

负责突出显示相关文本的CSS代码如下所示：

#container {
    positioon:relative;
}
#highlight {
    position:absolute;
    width:75px;
    height:75px;
    top:75px;
    left:75px;
    background: rgba(255, 0, 0, 0.4);
}

<div class="lyrics">
   <div class="line">I went down to the demonstration</div>
   <div class="line">To get my fair share of abuse</div>
   <div class="line">Singing, We're gonna vent our frustration</div>
   <div class="line">If we don't we're gonna blow a 50-amp fuse</div>
</div>

---

“宽度”、“高度”、“顶部”、“左侧”和“背景”的值不是静态的，而是动态的（即每行的值不同）。有没有一种方法可以让我将这些值从调用它的JavaScript函数传递到CSS（这反过来又会从Objective-C传递到JavaScript）？只是想知道。

是的，您要做的是在javascript中查找值

$("#highlight").width()

---

例如，将获得实际宽度。

是的，您要做的是在javascript中查找值

$("#highlight").width()

---

例如，将获得实际宽度。

您可以使用jquery向元素添加css：

$("highlight").css('width','200px');

---

您可以用任何有效的css属性替换

'width'

，也可以传入多个属性。

您可以使用jquery将css添加到元素中：

$("highlight").css('width','200px');

---

您可以用任何有效的css属性替换

'width'

，也可以传入多个属性。

使用jQuery获取和操作元素的css属性，如详细所述使用jQuery获取和操作元素的css属性，如详细所述我可以提出不同的解决方案吗？我希望这比你目前的尝试容易一点

如果您有以下类似的HTML：

#container {
    positioon:relative;
}
#highlight {
    position:absolute;
    width:75px;
    height:75px;
    top:75px;
    left:75px;
    background: rgba(255, 0, 0, 0.4);
}

<div class="lyrics">
   <div class="line">I went down to the demonstration</div>
   <div class="line">To get my fair share of abuse</div>
   <div class="line">Singing, We're gonna vent our frustration</div>
   <div class="line">If we don't we're gonna blow a 50-amp fuse</div>
</div>

然后在CSS中，只需给出“.line.highlight”或“.lymps.highlight”一些样式定义：

.lyrics .highlight {
   font-weight:bold;
   background:#ccc;
}

宽度和高度等内容将被继承，您可以通过调用：

$(this).css('width');

jQuery-css（） jQuery-next（） jQuery-removeClass（）

---

jQuery-addClass（）-

我可以提出不同的解决方案吗？我希望这比你目前的尝试容易一点

如果您有以下类似的HTML：

#container {
    positioon:relative;
}
#highlight {
    position:absolute;
    width:75px;
    height:75px;
    top:75px;
    left:75px;
    background: rgba(255, 0, 0, 0.4);
}

<div class="lyrics">
   <div class="line">I went down to the demonstration</div>
   <div class="line">To get my fair share of abuse</div>
   <div class="line">Singing, We're gonna vent our frustration</div>
   <div class="line">If we don't we're gonna blow a 50-amp fuse</div>
</div>

然后在CSS中，只需给出“.line.highlight”或“.lymps.highlight”一些样式定义：

.lyrics .highlight {
   font-weight:bold;
   background:#ccc;
}

宽度和高度等内容将被继承，您可以通过调用：

$(this).css('width');

jQuery-css（） jQuery-next（） jQuery-removeClass（）

---

jQuery-addClass（）-

如何传递？您可以使用javascript更改元素样式！我想我要问的是，我可以像从Java或Objective-C这样的编程语言中向方法传递参数那样，从JavaScript函数向CSS传递参数吗？类似的可以在[here][1][1]：如何传递？您可以使用javascript更改元素样式！我想我要问的是，我能不能像在Java或Objective-C这样的编程语言中将参数传递给方法一样，将参数从JavaScript函数传递给CSS？类似的可以在这里找到[1][1]：非常感谢您的回答。问题是，我在突出显示图像上的诗歌部分，而且语言不是欧洲语言，所以不幸的是，我不容易将相同的文本放入html。非常感谢您的回答。问题是，我在突出显示图像上的诗歌部分，而且语言不是欧洲语言，所以很遗憾，我不容易将相同的文本放入html。