Гуглил, а результата 0

[tuezov52]

Вот html код

<div id="menu">
<ul>
	<li id="item1"><a href="index">Главная</a></li>
	<li id="item2"><a href="2">Вторая</a></li>
	<li id="item3"><a href="3">Третья</a></li>
</ul>

Каким образом я могу получить и изменить "Главная", на "НеГлавная" и
href="index", на href="Noindex"?

Приведите пожалуйста пример.

[devote]

var lnk = document.getElementById('item1').getElementsByTagName('a')[0];
lnk.href='noIndex';
lnk.innerHTML = 'НеГлавная';

[tuezov52]

Не получилось

<script type="text/javascript">

function test(){

var lnk = document.getElementById('item1').getElementsByTagName('a')[0];
lnk.href='noIndex';
lnk.innerHTML = 'НеГлавная';
               
               }           
</script>

<div id="menu">
<ul>
	<li id="bla" onmousemove="test()"><a href="index">Главная</a></li>
	<li><a href="2">Вторая</a></li>
	<li><a href="3">Третья</a></li>
</ul>

Данные не меняються

[devote]

ну дык конечно, ты же id сменил вместо item1 у тебя стоит bla, пропиши этот бла в функции getElementById

[tuezov52]

Сори - тупанул, но все равно не робит!

[tuezov52]

Спасибо огромное. Все работает!

[devote]

ну я проверил, все пахает:

function test() {
  var lnk = document.getElementById('bla').getElementsByTagName('a')[0];
  lnk.href='noIndex';
  lnk.innerHTML = 'НеГлавная';
}

<ul>
	<li id="bla" onmousemove="test()"><a href="index">Главная</a></li>
	<li><a href="2">Вторая</a></li>
	<li><a href="3">Третья</a></li>
</ul>