getElementById

**gi083web** · 21-09-2013, 15:00

salve a tutti, chiedo a voi perche io sto uscendo matto! non riesco piu a far funzionare "getElementById" e non mi spiego perche? prima prendendo un elemento potevo modificare lo style ed altro, adesso nn ne vuole proprio sapere di funzionare! nella sintassi di sotto, che per inciso è solo un piccolo esmpio, sbaglio qualcosa io oppure è colpa dei browser, anche se quest'ultima opzione nn credo che sia vera! grazie

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>lefantasiediiaia.altervista.org</title>
<script type="text/javascript">

document.getElementById('intro').style.width = "200px";
document.getElementById('intro').style.borderColor = "#FF0000";

</script>
</head>

<body>

<div id="intro">sssss</div>

</body>
</html>

**gi083web** · 21-09-2013, 15:02

scusate ma la rica dei bordi è questa ho dimenticato a postarvi anche i px:

codice:

document.getElementById('intro').style.borderColor = "#FF0000 2px ridge";

**lucavizzi** · 21-09-2013, 16:28

Devi usare "border", non "borderColor".

**gi083web** · 21-09-2013, 16:32

avevo gia provato, dopo il punto dreamweaver ti fa vedere le varie opzioni da inserire e ho provato pure quello!! ma niente da fare!! non riesco a capire cosa nn va, leggendo sul web nn dovrebbe essere cosi complicato

**gi083web** · 21-09-2013, 16:35

potete provare ad copiare ed incollare il mio script in un vostro programma di gentione html? nn vorrei che fosse qualche settaggio del mio dreamweaver cs5.5 che nn va!!

**lucavizzi** · 21-09-2013, 16:35

Originariamente inviato da gi083web
avevo gia provato, dopo il punto dreamweaver ti fa vedere le varie opzioni da inserire e ho provato pure quello!! ma niente da fare!! non riesco a capire cosa nn va, leggendo sul web nn dovrebbe essere cosi complicato

Devi anche aspettare il caricamento della pagina altrimenti non trova il div.

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>lefantasiediiaia.altervista.org</title>
<script type="text/javascript">
window.onload=function(){
    document.getElementById('intro').style.width = "200px";
    document.getElementById('intro').style.border = "2px ridge #F00";
}
</script>
</head>

<body>

<div id="intro">sssss</div>

</body>
</html>

ciao

**gi083web** · 21-09-2013, 16:40

niente da fare ho aggiunto il nome "ciao" alla funzione richiamandola nel body:

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
window.onload = function ciao()
{ 
	a = document.getElementById('intro');
 	a.style.border = "#ff0000";
}
</script>
<style>
input{
	position:relative;
	margin-left:500px;
	margin-top:500px;
	background-color:#FF3366;	
	border-radius: 15px;
	width:200px;
	height:40px;
	border:#000000 2px outset;
	font-size:1em;
	font-weight:600;
	font-family:"Comic Sans MS", cursive;
}


#intro{
	width:960px;
	height:600px;
/*	border:3px ridge #FF0099;*/
	
	
	}
</style>
</head>

<body onload="ciao()">

<div id="intro"><input type="button" id="entra" value="entra nel sito" /></div>


</body>
</html>

**gi083web** · 21-09-2013, 16:43

la cosa che mi fa innervosire è che se eseguo un altro script di un altra pagina fatta tempo fa:

codice:

function visualizza(id,X){
	
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
	  document.getElementById('immagine').style.border = '#000 solid 3px';
	  document.getElementById('immagine').style.width = '200px';
	  document.getElementById('immagine').style.height = '200px';
	  foto.src ="" + X + ".jpg";
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
}

e richiamo la funzione in un link, questo invece funziona! e nn capisco perche qui acquisisce lo style e nel precedente script no!!

**lucavizzi** · 21-09-2013, 17:09

O usi window.onload, oppure dichiari una funzione e la richiami con <body onload="">
Non funziona perché fai un miscuglio delle due cose, il codice che ti ho postato è funzionante.

**gi083web** · 21-09-2013, 17:13

grazie mille !! adesso funziona il border.. provero gli altri attributi

Discussione: getElementById

Strumenti discussione

Ricerca discussione

Visualizza

getElementById

correzione

getElementByID

getElementByID

Re: getElementByID

uffa

getElementById

risolto

Permessi di invio