使用javascript在html標記中插入文本

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> <li>通過id訪問<li>

$("#test").addClass("classname");