Oppure (versione HTML0)…
codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento HTML</title> <script type="text/javascript"> function divClick (oEvent) { var oFirstP = this.getElementsByTagName("p")[0]; alert(oFirstP ? "Id: \"" + oFirstP.id + "\"\nCodice HTML:\n\n" + oFirstP.innerHTML : "Paragrafo non trovato!"); } function pageLoad () { for (var aDivs = document.getElementsByClassName("contenitore"), nIdx = 0; nIdx < aDivs.length; aDivs[nIdx++].onclick = divClick); } window.addEventListener ? addEventListener("load", pageLoad, false) : window.attachEvent ? attachEvent("onload", pageLoad) : (onload = pageLoad); </script> </head> <body> <div class="contenitore" id="genitore1"> <p id="paragrafo1">Lorem ipsum 1</p> </div> <div class="contenitore" id="genitore2"> <p id="paragrafo2">Lorem ipsum 2</p> </div> <div class="contenitore" id="genitore3"> <p id="paragrafo3">Lorem ipsum 3</p> </div> <div class="contenitore" id="genitore4"> <p id="paragrafo4">Lorem ipsum 4</p> </div> </body> </html>
Oppure ancora (versione HTML5)…
codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento HTML</title> <script type="text/javascript"> function divClick (oEvent) { var oFirstP = this.querySelector("p"); alert(oFirstP ? "Id: \"" + oFirstP.id + "\"\nCodice HTML:\n\n" + oFirstP.innerHTML : "Paragrafo non trovato!"); } addEventListener("load", function () { for (var aDivs = document.querySelectorAll("div.contenitore"), nIdx = 0; nIdx < aDivs.length; aDivs[nIdx++].onclick = divClick); }, false); </script> </head> <body> <div class="contenitore" id="genitore1"> <p id="paragrafo1">Lorem ipsum 1</p> </div> <div class="contenitore" id="genitore2"> <p id="paragrafo2">Lorem ipsum 2</p> </div> <div class="contenitore" id="genitore3"> <p id="paragrafo3">Lorem ipsum 3</p> </div> <div class="contenitore" id="genitore4"> <p id="paragrafo4">Lorem ipsum 4</p> </div> </body> </html>
Rispondi quotando
