Показать сообщение отдельно
  #1 (permalink)  
Старый 28.05.2016, 21:01
Аватар для mav1
Аспирант
Отправить личное сообщение для mav1 Посмотреть профиль Найти все сообщения от mav1
 
Регистрация: 30.08.2010
Сообщений: 57

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>


Чем это можно объяснить, как это лечить?
Ответить с цитированием