javascript函数中的Css代码

我有一个javascript方法：

<script type="text/javascript">
   function MyFunction(sender, eventArgs) {
       if (someCondition) {
           //css
       }
    }
</script>

函数MyFunction（发送方、事件参数）{
如果（某些条件）{
//css
}
}

我想要执行的css代码是：

<style type="text/css">
          .classInsideTheClassWhichEntersTheIf
          {
          background: url(Images/myImage.png) !important;
          }
</style>

.类定义了类，如果
{
背景：url（Images/myImage.png）！重要；
}

---

但仅适用于进入上述if条件的单元格。如果我把它写在外面，它会工作，但对每个细胞都有效。这样的事情可能吗？如果是，如何操作？

您可以修改所需元素的样式属性。但更灵活的方法是用那个css代码定义一个css类，然后将这个类添加到过滤的元素中

有几种方法可以做到这一点

选项1。

<script type="text/javascript">
   function MyFunction(sender, eventArgs) {
       if (someCondition) {
          someelement.style.cssText = "background: url(Images/myImage.png) !important;"
       }
    }
</script>

 <script type="text/javascript">
       function MyFunction(sender, eventArgs) {
           if (someCondition) {
              someelement.className = "someclass"
           }
        }
    </script>

函数MyFunction（发送方，事件参数）{
如果（某些条件）{
someelement.style.backgroundImage=“url（Images/myImage.png）”；
} 
} 

---

！重要信息

在这里是不必要的，因为内联样式会覆盖非内联样式。

假设您有一个带有

id=“myCell”

的单元格，并且您的条件符合您的要求。 现在，您可以使用以下方法进行操作：

$(document).ready(functio() {
   function SET(id) {
      $('#'+id).css('background-image','yourNewImage.png');
   }
   if (condition == true) {
      SET('myCell');
   }
});

---

使用

.css

，可以为每个元素的每个css属性指定任何值。这里我更改了背景图像。

您所说的“仅适用于进入条件的细胞”是什么意思？您的JavaScript是内联定义的吗？你的风格定义在哪里？我不希望在文档正文内？请提供有关您的代码的更多详细信息。您的代码中没有单元格，我们不知道什么是发送方，等等。是的，在for循环中为每个筛选的in元素调用MyFunction。我会更新的，等等，每个元素都会调用它，这是一个事件，我不能为特定的元素调用它。好的，只要你的条件满足，然后使用cssText属性对这些元素进行css更改，方法是添加新更改，或者使用一个类，该类包含旧元素的所有属性以及您要添加的新css属性。我已经更新了它，您需要跟踪您的元素。基于for循环迭代器计数检查位置，并使用所需的更改设置该元素。无论你提供什么，我都不能告诉你多少。您甚至需要向我们展示标记。+1为了简单起见（尽管您错过了说“！这里重要的是不重要的”的机会）。

 <script type="text/javascript">
           function MyFunction(sender, eventArgs) {
               if (someCondition) {
                  someelement.setAttribute('style', 'background: url(Images/myImage.png) !important;');
               }
            }
        </script>

if(condition)
  someelement.style.cssText = "background: url(Images/myImage.png) !important;";

$(document).ready(functio() {
   function SET(id) {
      $('#'+id).css('background-image','yourNewImage.png');
   }
   if (condition == true) {
      SET('myCell');
   }
});