function szukaj(wartosc) {
var elem_lista = document.getElementsById('lista');
var znaczniki = elem_lista.getElementsByTagName('a');
cnt = znaczniki.length;
for(i=0; i var tekst = znaczniki.item(i).firstChild.nodeValue;
tekst = elem.name;
if(tekst.indexOf(wartosc)!=-1) {
znaczniki.item(i).style.color='red';
znaczniki.item(i).focus();
}
}
szukaj('Polska');<div id="lista">
<a href="#">Polska gola</a>
</div>JavaScript:
var el = document.getElementById('mapa');
var el2 = el.getElementsByTagName('a')[0];
var value = el2.innerHTML;
alert(value);HTML:
<div id="mapa"><a href="mapa.html">mapa strony</a></div>Wynik:
mapa strony
function initLinks() {
if (!document.getElementsByTagName) { return; }
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if (anchor.getAttribute("href") && /^mapa_/i.test(anchor.id)) {
anchor.onclick = function () {
jakas_funkcja(this);
}
}
}
};var cont = document.getElementById('content').getElementsByTagName('div');
for(i=0;i<cont.length;i++)
if (cont[i].className.match(/^belka/))
cont[i].style.display = 'none';Przyklad ukrycia elementów, wykorzystanie match:
<div id="content">
<div class="belka">odnajdywanie klasa belki</div>
<div class="belka">odnajdywanie klasa belki</div>
</div>Przypisanie zdarzeń do tagów
<script>
function add_tr_hover(id) {
alert(id);
var elem = document.getElementById(id);
var lista = elem.getElementsByTagName('tr');
for (var i = 0; i < lista.length; i++) {
lista[i].onmouseover = function () { this.style.backgroundColor = '#EDEDED'; }
lista[i].onmouseout = function () { this.style.backgroundColor = '#FFFFFF'; }
}
}
window.onload = function () {
add_tr_hover("cos");
}
</script>Przykładowy HTML tabeli
<table id="cos">
<tr>
<TD>jeden</TD>
</tr>
<tr>
<TD>dwa</TD>
</tr>
<tr>
<TD>trzy</TD>
</tr>
<tr>
<TD>cztery</TD>
</tr>
<tr>
<TD>pięć</TD>
</tr>
</table>