Use of the function
-
Big request to the js! Why doesn't the code work:
<html> <head> <script type="text/javascript"> function () { var li_elements = document.getElementsByTagName('li'); for (var i = 0; i < li_elements.length; i++) { li_elements[i].onclick = function () { alert(this.innerHTML); } } }(); </script> </head> <body> <form> <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> </ul> </form> </body> </html>
-
The main mistake is that the violin is being implemented. before how elements are created, So...
<html> <head> </head> <body> <form> <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> </ul> </form> <script type="text/javascript"> var li_elements = document.getElementsByTagName('li');for( var i=0; i< li_elements.length; i++) { li_elements[i].onclick = function() { alert(this.innerHTML); } } </script></body>
</html>
Or fix it.
function () {
var li_elements = document.getElementsByTagName('li');for( var i=0; i< li_elements.length; i++) { li_elements[i].onclick = function() { alert(this.innerHTML); }; } }();Just add some more brackets and put it all down after the creation.
<ul>:(function () {
var li_elements = document.getElementsByTagName('li');for( var i=0; i< li_elements.length; i++) {
li_elements[i].onclick = function() { alert(this.innerHTML); };
}
})();
