javascript - JS use name in loop -
i have tried many times nil works:
in loop, want utilize name or id properties, doesn't work. var tag[] [number] not work. prints undefined once.
i guess external problem.
<html> <head> <script type="text/javascript"> function jat() { var cls = document.getelementsbyclassname("country_events"); (n=0; n < 4; n++) { var elem = cls[n]; document.write(elem.name); } } function jat2() { var cls = document.getelementsbytagname("country"); (n=0; n < 4; n++) { var elem = cls[n]; document.write(elem.name); } } </script> </head> <body> <div class="country_events" name="a"></div> <div class="country_events" name="b"></div> <div class="country_events" name="c"></div> <div class="country_events" name="d"></div> <div class="country_events" name="e"></div> <country class="country_events" name="a"></country> <country class="country_events" name="b"></country> <country class="country_events" name="c"></country> <country class="country_events" name="d"></country> <country class="country_events" name="e"></country> <input type="button" value="1" onclick="jat()"></button> <input type="button" value="2" onclick="jat2()"></button> </body> </html> both of functions print undefined.
div elements don't have name property, need utilize elem.getattribute('name') access nonstandard attributes.
html doesn't have country tag @ all, don't have name property. 1 time again need utilize getattribute.
in general, should not add together custom attributes html elements. attributes named data-xxx reserved user, should utilize these.
function jat() { var cls = document.getelementsbyclassname("country_events"); (n = 0; n < 4; n++) { var elem = cls[n]; console.log(elem.getattribute('name')); } } function jat2() { var cls = document.getelementsbytagname("country"); (n = 0; n < 4; n++) { var elem = cls[n]; console.log(elem.getattribute('name')); } } demo
javascript for-loop getelementsbytagname getelementsbyclassname
No comments:
Post a Comment