пример на понимание отличия getElementsBy от querySelectorAll
Alessio18911,
удаление тегов LI
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
</head>
<body>
<ul>
<li>01</li>
<li>02</li>
<li>03</li>
<li>04</li>
<li>05</li>
<li>06</li>
<li>07</li>
<li>08</li>
<li>09</li>
</ul>
<script>
var ul = document.getElementsByTagName("ul")[0], li = ul.getElementsByTagName("li");
for (; li[0] && ul.removeChild(li[0]); ); //удаляется только первый
/* var ul = document.querySelector("ul"), li = ul.querySelectorAll("li");
for (var i=0, item; item = li[i]; i++) {ul.removeChild(item)} //удаляются все по очереди */
</script>
</body>
</html>
Последний раз редактировалось рони, 19.06.2017 в 01:14.
|