Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>


Чем это можно объяснить, как это лечить?
Ответить с цитированием
  #2 (permalink)  
Старый 28.05.2016, 21:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Сообщение от mav1
Но уже когда чуть больше текста, то не срабатывает поиск : (всего лишь добавил один <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>
<script>
 var element = document.querySelector('li.next > a');
 alert(element.tagName);
</script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Стягивание из html кода другой страницы данных royksopp Общие вопросы Javascript 8 22.12.2011 00:05
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Проблема с обработкой селектов html кода, пришедшего через ajax запрос Rage jQuery 6 26.01.2009 14:15
Готовность HTML кода no_alex Общие вопросы Javascript 15 25.11.2008 16:52
Как с помощью JS "на-лету" менять часть HTML кода greendoc Общие вопросы Javascript 2 18.03.2008 20:43