document.querySelector - не срабатывает, когда много html-кода
Здравствуйте, уважаемые господа.
У меня такая проблема - у меня в коде есть:
var element = document.querySelector('li.next > a');
то есть мне надо получить элемент-ссылку, находящуюся внутри <li class="next"> И вижу я очень интересную вещь - в маленьком куске кода оно срабатывает:
<html>
<head>
<title>Proverka</title>
</head>
<body>
<h1>Hello</h1>
<div class="bootstrap"><ul class="pagination"><li><a href="#">Malo</a></li><li class="krescit"><a href="page2.htm" id='page2' onclick='alert("Clicked.")'>Go to Page 2</a></li></ul></div>
<br><br>
<div class="panel-footer"><div class="row"><div class="col-sm-9 text-right"><div class="dataTables_paginate paging_bootstrap"><ul class="pagination"><li><a href="#">6</a></li><li><a href="#">7</a></li><li><a href="#">8</a></li><li><a href="#">9</a></li><li><a href="#">10</a></li><li class="next"><a href="page2.htm">Ссылка</a></li></ul></div></div></div></div>
</body>
</html>
Но уже когда чуть больше текста, то не срабатывает поиск : (всего лишь добавил один <br>)
<html>
<head>
<title>Proverka</title>
</head>
<body>
<h1>Hello</h1>
<div class="bootstrap"><ul class="pagination"><li><a href="#">Malo</a></li><li class="krescit"><a href="page2.htm" id='page2' onclick='alert("Clicked.")'>Go to Page 2</a></li></ul></div>
<br><br><br>
<div class="panel-footer"><div class="row"><div class="col-sm-9 text-right"><div class="dataTables_paginate paging_bootstrap"><ul class="pagination"><li><a href="#">6</a></li><li><a href="#">7</a></li><li><a href="#">8</a></li><li><a href="#">9</a></li><li><a href="#">10</a></li><li class="next"><a href="page2.htm">Ссылка</a></li></ul></div></div></div></div>
</body>
</html>
Чем это можно объяснить, как это лечить? |
Цитата:
<html>
<head>
<title>Proverka</title>
</head>
<body>
<h1>Hello</h1>
<div class="bootstrap"><ul class="pagination"><li><a href="#">Malo</a></li><li class="krescit"><a href="page2.htm" id='page2' onclick='alert("Clicked.")'>Go to Page 2</a></li></ul></div>
<br><br><br>
<div class="panel-footer"><div class="row"><div class="col-sm-9 text-right"><div class="dataTables_paginate paging_bootstrap"><ul class="pagination"><li><a href="#">6</a></li><li><a href="#">7</a></li><li><a href="#">8</a></li><li><a href="#">9</a></li><li><a href="#">10</a></li><li class="next"><a href="page2.htm">Ссылка</a></li></ul></div></div></div></div>
<script>
var element = document.querySelector('li.next > a');
alert(element.tagName);
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:32. |