Помогите пожалуйста правильно написать скрипт

[lord2kim]

cyber, это для примера...

[cyber]

raffx, вы хотите поменять класс для ссылки или для Li?

[raffx]

lord2kim, не очень хорошо писать Js в атрибуте onclick

А какую альтернативу можно использовать?

[raffx]

raffx, вы хотите поменять класс для ссылки или для Li?

Для ссылки.

[cyber]

А какую альтернативу можно использовать?

-document.getElementById
-document.getElementsByClassName
-document.getElementsTagName
-document.querySelectorAll

[cyber]

Для ссылки.

ну так он и не будет применяется к ней так как в this ссылка на tag li

[raffx]

cyber, понял, буду выделять дочерний элемент (который всегда один). Все еще не работает

function showWork(name){
   var link = this.children[0];
   link.className = 'active';
}

[lord2kim]

function showWork(name){
   var link = this.children[0];
   link.className = 'active';
}

<ul><li class="leftmenu" onclick="showWork('gtl', this)">
    <a class="passive" href="#">GTL</a>
</li>
<li class="leftmenu" onclick="showWork('sotrudnichestvo', this)">
    <a class="passive" href="#">Сотрудничество</a>
</li>
</ul>
<script>
function showWork(name, href){
    /*var previous=document.getElementsByClassName('active');
        for (var i = 0; i < previous.length; i++) {
            previous[i].className="passive";
        }
    this.className = 'active';*/
alert(href.childNodes[1].className);
   href.childNodes[1].className = "active";
alert(href.childNodes[1].className);
}
</script>

<ul><li class="leftmenu">
    <a class="passive" href="#">GTL</a>
</li>
<li class="leftmenu">
    <a class="passive" href="#">Сотрудничество</a>
</li>
</ul>
<script>
 var link = document.getElementsByTagName("ul")[0];
       
      link.onclick = function () {
       alert(this.childNodes[1].className);
        this.childNodes[1].className == "passiv" ? this.childNodes[1].className = "active" : this.childNodes[1].className = "passiv";
alert(this.childNodes[1].className);
        
      return false;
      };   
</script>