Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли обратиться к элементу идентификаторов / 16 сообщений из 16, страница 1 из 1
01.08.2019, 12:58
    #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
| Ответить | Цитировать | Написать  
01.08.2019, 13:12
    #39844040
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
Никита Аа как получиться ссылку на элемент без указателей?
Можно использовать особенности положения элемента... ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.08.2019, 13:19
    #39844049
krvsa
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
| Ответить | Цитировать | Написать  
01.08.2019, 13:23
    #39844052
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
Еще можно использовать как раз отсутствие атрибута...
Код: javascript
1.
$('#wrapper > :not([id])').text();
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.08.2019, 13:26
    #39844055
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
До кучи...
Код: javascript
1.
$('#el_1 + div').text();
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2019, 04:00
    #39844364
Никита А
Никита А
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
krvsa,

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

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

А без библиотек?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2019, 07:33
    #39844392
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
Никита А,
не надо так часто долбить вопросами
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2019, 07:36
    #39844393
krvsa
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
| Ответить | Цитировать | Написать  
02.08.2019, 10:51
    #39844484
Дмитрий Мух
Дмитрий Мух
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Возможно ли обратиться к элементу идентификаторов
Никита А,

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

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

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

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

Спасибо, приму к сведению.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.08.2019, 10:31
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Возможно ли обратиться к элементу идентификаторов / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 149ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1443690]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 48ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 12ms
total:  149ms
x
x
Закрыть


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