GetElementById() non funziona

**Veronica80** · 22-09-2013, 16:19

Ciao a tutti...sto provando il getElementByID ma non riesco proprio a farlo andare....per evitare problemi con altri script ho creato un nuovo file html con questo codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script>
function miaFunz(){
	var mioDiv=document.getElementById('mioDiv');
	alert(mioDiv.name);
}
</script>
</head>

<body>
<div id="mioDiv"></div>
Prova
</body>
</html>

Però l'alert continua a resituirmi UNDEFINED....come mai? che sbaglio?

**br1** · 22-09-2013, 16:44

Il tuo din non ha un name ... quindi lo script risponde correttamente

**maxdesmo** · 22-09-2013, 17:09

Così dovrebbe funzionare:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">
function miaFunz(){
var attribute_value = document.getElementById('mioDiv').getAttribute('na me');
alert(attribute_value);
}
</script>
</head>

<body>
<div id="mioDiv" name="pippo"></div>
Prova
</body>
</html>

**BlackFenix06** · 23-09-2013, 14:57

xkè inserire .getAttribute('name'); e poi nel div name="pippo"? se vuoi che nell'alert ci sia quello contenuto nel div non è necessario quello che hai scritto...

**maxdesmo** · 25-09-2013, 11:24

Ecco un esempio con tutti e tre i casi possibili:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">

var leggi_attributo = function(attr_name){
var attribute_value = document.getElementById('mioDiv').getAttribute(att r_name);
alert(attribute_value);
}

var leggi_html = function(){
var content = document.getElementById('mioDiv').innerHTML;
alert(content);
}

var cambia_valore_proprieta = function(){
var current_style = document.getElementById('mioDiv').style.visibility ;
var new_style = '';
if(current_style==='hidden') {
new_style='visible';
} else if(current_style==='visible'){
new_style='hidden';
}
document.getElementById('mioDiv').style.visibility =new_style;
}
</script>
</head>

<body>
<div id="mioDiv" style="visibility:hidden;font-size:30px;" name="pluto e' un cane">nel mezzo del cammino</div>

leggi il contenuto

leggi valore attributo

cambia valore della proprieta' visible

</body>
</html>

Discussione: GetElementById() non funziona

Strumenti discussione

Ricerca discussione

Visualizza

GetElementById() non funziona

Permessi di invio