powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли обратиться к элементу идентификаторов
16 сообщений из 16, страница 1 из 1
Возможно ли обратиться к элементу идентификаторов
    #39844025
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Есть структура
Код: html
1.
2.
3.
4.
5.
<div id = "wrapper">
	<div id="el_1">1</div>
	<div>2</div>
	<div id="el_3">3</div>
</div>


Когда элемент обладает id или class, к нему просто обратиться, а как получиться ссылку на элемент без указателей?
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844040
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита Аа как получиться ссылку на элемент без указателей?
Можно использовать особенности положения элемента... ;)
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844049
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита А , вот несколько примеров...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	// 1
	alert($('#wrapper > div').eq(1).text());
	// 2
	alert($('#wrapper').children().eq(1).text());
	// 3
	alert($('#el_1').next().text());
});
</script>
</head>
<body>
<div id = "wrapper">
	<div id="el_1">1</div>
	<div>2</div>
	<div id="el_3">3</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844052
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Еще можно использовать как раз отсутствие атрибута...
Код: javascript
1.
$('#wrapper > :not([id])').text();
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844055
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
До кучи...
Код: javascript
1.
$('#el_1 + div').text();
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844364
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa,

А без библиотек?
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844365
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa,

А без библиотек?
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844366
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa,

А без библиотек?
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844392
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита А,
не надо так часто долбить вопросами
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844393
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита АА без библиотек?
Тот же принцип - "особенности ДОМ-модели". Но только удобнее через селекторы. А то там текстовые ноды будут сбивать с понталыку...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
document.addEventListener("DOMContentLoaded",function(){
	// 1
	var o=document.querySelectorAll('#wrapper > div');
	alert('1. '+o[1].innerHTML);
	// 2
	o=document.querySelector('#wrapper > :not([id])');
	alert('2. '+o.innerHTML);
	// 3
	o=document.querySelector('#el_1 + div');
	alert('3. '+o.innerHTML);
});
</script>
</head>
<body>
<div id = "wrapper">
	<div id="el_1">1</div>
	<div>2</div>
	<div id="el_3">3</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39844484
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита А,

мой вам совет, почитайте учебник: Навигация по DOM-элементам
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39845223
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вадяНикита А,
не надо так часто долбить вопросами
Интернет завис, несколько раз обновлял страницу, поэтому и продублировалось.
А удалить как я понимаю, нельзя.
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39845225
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Дмитрий МухНикита А,

мой вам совет, почитайте учебник: Навигация по DOM-элементам
Как раз поэтому учебнику тоже занимаюсь, просто задача появилась раньше, чем моё обучение дойдёт до этого раздела.
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39846678
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никита А,

По своему опыту скажу, что БЭМ (только правильный, а не косой типа "та ну так много писать, тут пропущу...") делает верстальщиков быстрыми, а программистов счастливыми :) Потому рекомендую посмотреть и разобраться, возможно ответ на заданный вопрос внезапно станет невостребован, потому что после длительной работы по БЭМ, когда вдруг видишь код с обращением к элементу по тэгу или местоположению, начинаешь воспринимать это как сплошной говнокод... то есть как будто бы вместо "Вася, сгоняй, принеси" в коде кто-то написал "Эй ты! Да, ты... да не ты, а ты! Сгоняй, принеси" :)) Просто начинаешь понимать насколько это неправильный, с точки зрения программирования и структуры данных в целом, подход к работе с вёрсткой.
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39848062
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ПрограмёрНикита А,

По своему опыту скажу, что БЭМ (только правильный, а не косой типа "та ну так много писать, тут пропущу...") делает верстальщиков быстрыми, а программистов счастливыми :) Потому рекомендую посмотреть и разобраться, возможно ответ на заданный вопрос внезапно станет невостребован, потому что после длительной работы по БЭМ, когда вдруг видишь код с обращением к элементу по тэгу или местоположению, начинаешь воспринимать это как сплошной говнокод... то есть как будто бы вместо "Вася, сгоняй, принеси" в коде кто-то написал "Эй ты! Да, ты... да не ты, а ты! Сгоняй, принеси" :)) Просто начинаешь понимать насколько это неправильный, с точки зрения программирования и структуры данных в целом, подход к работе с вёрсткой.

Спасибо, приму к сведению.
...
Рейтинг: 0 / 0
Возможно ли обратиться к элементу идентификаторов
    #39849102
Никита А
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa
Код: html
1.
2.
3.
	var o=document.querySelectorAll('#wrapper [color=red]> div[/color]');
	o=document.querySelector('#wrapper[color=red] > :not([id])[/color]');
	o=document.querySelector('#el_1 [color=red]+ div[/color]');


Спасибо, не знал, что не только односложные конструкции делать
...
Рейтинг: 0 / 0
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли обратиться к элементу идентификаторов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]