come selezionare un elemento?

**COMANDANTE SPACE** · 18-02-2005, 00:56

io conosco solo questi metodi
document.getElementById()
document.getElementByClassName()(questa non sono neanche sicuro che esista)
document.get elementsByTagName()

quali sono gli altri?
in particolare mi interesserebbe sapere se si può richiamare un'immagine dall'attributo alt,o uno span dal testo in esso contenuto

grazie

**Mich_** · 18-02-2005, 10:29

http://www.w3schools.com/htmldom/dom_obj_document.asp

Qui trovi i vari getElement...

Trovi anche la lista delle collezioni di un document.
Ad esempio la collezione images[] ti porebbe servire.

Per trovare un'immagine dal suo alt, io farei:

codice:

var imm = document.images;
for(var i=0; i<imm.length; i++) {
  if(imm[i].alt == "ALT_DELL_IMMAGINE") {
    alert("trovato!");
    imm[i].src = "nuovaimm.gif";
    break;
  }
}

Nell'esempio viene cambiata l'immagine (rollover) con quel determinato alt, ma puoi fare quello che vuoi. Il break evita di controllarle tutte se te ne serve una sola, ma dipende da cosa vuoi farne.

Similmente per lo span: devi fare il loop su tutti i getElementsByTagName('span') e cercare il testo (.innerHTML)

**COMANDANTE SPACE** · 18-02-2005, 13:17

grazie della risposta!

solo innerHTML,non l'avevo mai sentito,che cos'è?

**Mich_** · 18-02-2005, 13:42

Dento un oggetto HTML, puoi leggere/scrivere usando .innerHTML (che in versioni vecchie di IE era circa .innerText). Funziona nei browser moderni (da IE6 e da NN6).

Nota: scrive/legge tutto il contenuto HTML dentro un oggetto, quindi se l'oggetto e` uno span, probabilmente sara` del semplice testo, se e` un <div> ci sara` codice HTML complesso.

**COMANDANTE SPACE** · 18-02-2005, 15:00

posso fare una cosa del genere?
var spa = document.getElementsByTagName('span');
for(var i=0; i<spa.length; i++) {
if(spa[i].innerHTML == "mi hai trovato!") {
spa[i].innerHTML = "sono cambiato";
break;
}
}

un'altra domanda,se ho più elementi con lo stesso id(che tra l'altro dovrebbe essere scorretto,no?),come faccio ad applicare una stessa modifica a tutti???

**COMANDANTE SPACE** · 18-02-2005, 15:59

no,non mi funziona il codice che inserito prima.....come mai?

**Xinod** · 19-02-2005, 00:04

hai uno
<span>mi hai trovato!</span>
nel documento?

per la domanda, l' id e' univoco, non si possono avere + elementi con stesso id
ciao

**COMANDANTE SPACE** · 19-02-2005, 03:19

si,la semplice pagina di prova che avevo fatto è questa

codice:

<html>
<head><script type="text/javascript">
function gira(){spa = document.getElementsByTagName('span');
for(var i=0;i<spa.lenght;i++) {
	if(spa[i].innerHTML == "mi hai trovato!") {spa[i].innerHTML="questa";}}}
</script>
	<title></title>

</head>

<body onLoad="gira()">
<span>ciao</span>
<span>mi hai trovato!</span>
<span>tastiera</span>


</body>
</html>

per caso a te funziona?

**Xinod** · 19-02-2005, 18:00

se scrivi lenght al posto di length non ci sono molte speranze che funzioni
ciao

**COMANDANTE SPACE** · 19-02-2005, 22:05

ah,non è una di quelle cose che ci pensa IE a interpretarle nel modo corretto?

ora funziona...grazie

Discussione: come selezionare un elemento?

Strumenti discussione

Ricerca discussione

Visualizza

come selezionare un elemento?

Permessi di invio