Question

我在cshtml页面中有以下代码：

<ul id="menu">
  <li><a href="..." >Link1</a></li>
  <li><a href="..." >Link2</a></li>
</ul>

当某些条件为真时，我想更改标签的类。我试过这个，但它不起作用：

<ul id="menu">
  <li 
    <script> if (..condition..) 
      document.write(" class = \"newclass\"");
    </script>
  ><a href="..." >Link1</a></li>
  <li><a href="..." >Link2</a></li>
</ul>

你能建议一下这样做吗？

谢谢，振亚

Answer 1

尝试为li提供ID，如下所示：

 <li id="list"><a href="..." >Link1</a></li>
 <li><a href="..." >Link2</a></li>

然后在你的JavaScript中尝试：

if (condition) {
   var element = document.getElementById("list");
   element.className = "newclass";
}

的jsfiddle：

http://jsfiddle.net/bVGFP/

Answer 2

您必须使用document.innerHTML，因为document.write需要重新加载页面。

<ul id="menu">
                <li  
                    //This is not valid syntax
                    <script> if (..condition..) 
                                document.write(" class = \"newclass\"");
                    </script>
                   ><a href="..." >Link1</a></li>
                <li><a href="..." >Link2</a></li>
            </ul>

那么对你而言，我建议你

    <ul id="menu">
                    <li id="po"><a href="..." >Link1</a></li>
                    <li ><a href="..." >Link2</a></li>
                </ul>

<script>
document.getElementById("po").className = "newclass";
                        </script>

Answer 3

请给李的身份证明

<li id="test"></li>按ID <{1}}访问

<li>

使用javascript在html标记中插入文本

3 个答案: