вставка текста в тег HTML с помощью Javascript

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 идентификатор, как показано ниже:

<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>