как узнать id элемента javascript

Как получить id элемента по которому кликнули

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Как получить id элемента по которому кликнули?
Подскажите кто знает, как получить id элемента по которому кликнули. Onclick в элементе не указан.

Как получить id iframe, по которому кликнули или поставили курсор, который в общем активен
Напишу и сюда как получить id i-frame? Почему-то такая функция не пашет document.onclick =.

Обработка элемента по которому кликнули
Привет. С JavaScript пока мало знаком. Так я обрабатываю 1 элемент с Id.

Получить элемент, по которому кликнули
Здравствуйте. Войти Зарег. Суть такая, когда я кликаю на.

Решение

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Получить индекс элемента, по которому происходит клик
Здравствуйте. Подскажите как на js получать индекс элемента по которому происходит клик? В jquery.

Как получить информацию с блока по которому кликнули?
Здравствуйте уважаемый форумчане. Подскажите пожалуйста как получить информацию с блока в котором.

Выбор значения в списке в зависимости от элемента, по которому кликнули
Доброго дня всем, возникла такая задача, помогите разобраться как лучше сделать, есть несколько div.

Как получить содержимое первой ячейки строки по которой кликнули?
Как получить содержимое первой ячейки строки по которой кликнули? Собственно таким кодом получаю.

Источник

Поиск: getElement*, querySelector*

Свойства навигации по DOM хороши, когда элементы расположены рядом. А что, если нет? Как получить произвольный элемент страницы?

Для этого в DOM есть дополнительные методы поиска.

document.getElementById или просто id

Также есть глобальная переменная с именем, указанным в id :

…Но это только если мы не объявили в JavaScript переменную с таким же именем, иначе она будет иметь приоритет:

Это поведение соответствует стандарту, но поддерживается в основном для совместимости, как осколок далёкого прошлого.

Браузер пытается помочь нам, смешивая пространства имён JS и DOM. Это удобно для простых скриптов, которые находятся прямо в HTML, но, вообще говоря, не очень хорошо. Возможны конфликты имён. Кроме того, при чтении JS-кода, не видя HTML, непонятно, откуда берётся переменная.

В этом учебнике мы будем обращаться к элементам по id в примерах для краткости, когда очевидно, откуда берётся элемент.

querySelectorAll

Этот метод действительно мощный, потому что можно использовать любой CSS-селектор.

querySelector

Метод elem.querySelector(css) возвращает первый элемент, соответствующий данному CSS-селектору.

matches

Предыдущие методы искали по DOM.

Этот метод удобен, когда мы перебираем элементы (например, в массиве или в чём-то подобном) и пытаемся выбрать те из них, которые нас интересуют.

closest

Предки элемента – родитель, родитель родителя, его родитель и так далее. Вместе они образуют цепочку иерархии от элемента до вершины.

Метод elem.closest(css) ищет ближайшего предка, который соответствует CSS-селектору. Сам элемент также включается в поиск.

getElementsBy*

Существуют также другие методы поиска элементов по тегу, классу и так далее.

На данный момент, они скорее исторические, так как querySelector более чем эффективен.

Здесь мы рассмотрим их для полноты картины, также вы можете встретить их в старом коде.

Давайте найдём все input в таблице:

Другая распространённая ошибка – написать:

Попытка присвоить значение коллекции, а не элементам внутри неё, не сработает.

Нужно перебрать коллекцию в цикле или получить элемент по номеру и уже ему присваивать значение, например, так:

Живые коллекции

Все методы «getElementsBy*» возвращают живую коллекцию. Такие коллекции всегда отражают текущее состояние документа и автоматически обновляются при его изменении.

В приведённом ниже примере есть два скрипта.

Напротив, querySelectorAll возвращает статическую коллекцию. Это похоже на фиксированный массив элементов.

Если мы будем использовать его в примере выше, то оба скрипта вернут длину коллекции, равную 1 :

Теперь мы легко видим разницу. Длина статической коллекции не изменилась после появления нового div в документе.

Итого

Есть 6 основных методов поиска элементов в DOM:

И, напоследок, давайте упомянем ещё один метод, который проверяет наличие отношений между предком и потомком:

Задачи

Поиск элементов

Вот документ с таблицей и формой.

Источник

Форум

Справочник

Поиск элементов в DOM

Более мощные способы поиска предлагают javascript-библиотеки.

Поиск по id

Например, следующий код изменит цвет текста на голубой в div ‘е c id=»dataKeeper» :

Поиск по тегу

Например, можно получить второй элемент(нумерация в массиве идет с нуля) с тэгом li :

При этом будут найдены только те объекты, которые находятся под этим элементом.

Получить всех потомков

Вызов elem.getElementsByTagName(‘*’) вернет список из всех детей узла elem в порядке их обхода.

Например, на таком DOM:

Поиск по name : getElementsByName

Метод document.getElementsByName(name) возвращает все элементы, у которых имя (атрибут name ) равно данному.

Другие способы

Существуют и другие способы поиска по DOM: XPath, cssQuery и т.п. Как правило, они реализуются javascript-библиотеками для расширения стандартных возможностей браузеров.

Также есть метод getElementsByClassName для поиска элементов по классу, но он совсем не работает в IE, поэтому в чистом виде им никто не пользуется.

в IE ниже 6-й версии возвращает пустой объект, для этого в старых версиях IE нужно использовать

Ниже IE6 жизни нет

как по мне и в ИЕ6 жизни нет.

Как по мне, в IE жизни не было и нет вообще))))

Долой осла!
Даёшь на каждом нормальном сайте указание на браузер пользователя и ссылки на нормальные браузеры, если пользователь сидит на осле!

Если бы не осел, то в браузеры развивались бы медленнее, очень много инноваций он ввел. Да и много в нем есть удобного что другие не поддерживают(пусть немного но есть).

Определите в другом браузере нажатия 2х кнопок сразу, правой и левой одновременно, а в ослике можно))

Чувак, польностью согласен. Майкрорсофт давно бы прекратили выпускать это уродсто по имени интернет эксплорер.

Народ, ну что за холивар) В IE много приятных вкусностей. Вот хотя бы при изменении свойств top, bottom, left, right и подобных можно опускать px и указывать только число. Везде бы так) Представляете, насколько сокращается JS код

а представляете, насколько сокращается JS код, если бы небыло IE

По мне так все браузера хороши.

Ручки переставить в правильное место, тогда будет счастье и в IE

По мне и в IE7 жизни нет

Ниже IE 10 жизни нет.

Ниже IE 11 жизни нет.

Код из раздела «Получить всех потомков» не пашет. Файрбуг пишет:

Перенесите код скрипта ниже основного HTML-кода, либо запускайте скрипт после полной загрузки DOM’а.

в ІЕ или в Опера 9.24 в test єсть только один елемент?

Требуется отыскать все DIV с и добавить в них новые DIV’ы с другими классами.

Когда первый if(divs[i].className == ‘tab’) срабатывает, то после innerHTML, видимо, массив divs меняется и остальные DIV’ы с тем же классом tab найти не получается.

Для этого нужно что ли отдельно сначала заполнить массив удовлетворяющих критерию div’ами, а потом ещё одним циклом их пройти и уже провести операции innerHTML?

Да, интересный кстати пример

А если идти с конца?

замените название переменной div на divs, иначе цикл то как будет работать?
var divs = document.getElementsByTagName(‘div’)

не думал что список будет меняться с изменением innerHTML, но если это так то поидее i—; после innerHTML должно вылечить.

Так как у тебя идет работа с «живыми объектами» div. То после первого преобразования (нахождения div с классом tab) у тебя количество тегов div увеличивается, а так как у тебя длинна массива найденных елементов закэширована (var l = divs.length). То и поиск будет происходить пока не закончится длинна массива.
Что бы просто непереписывать тебе скрипт, просто внеси вычисление divs.length в цикл:

Такую особенность заметил, но не нашел подробную информацию, буду рад если разьясните.

имеется скрипт который ставит галку если в поле ввода появлется текст, и убирает если текста нет:

На событие onkeyup я передаю функции checkbox текущий элемент, и элемент checkbox с (изначально я его передавал в кавычках и в функции достигал его через getElementById, но случайно понял что если убрать кавычки то будет передаваться элемент со схожим id). Код работает, но не понятно почему элемент с доступен из другого элемента таким образом? В Javascript новичок. Спасибо.

если нужно найти элементы с конкретным классом

относительность поиска при вызове getElementsByTagName допускается:

что очень замечательно, а вот относительности вызова getElementById увы нельзя:

getElementsById возможен только из document кто нибудь знает как исправить этот недочёт, чтобы не рекурсивным ручным перебором в отдельном блоке искать элемент с конкретным id, а красивей? Если в другом блоке позади стоящем тоже есть элемент с таким же id, то document.getElementsById(id) не будет правильно определен искомый элемент, т.к. он будет в позади стоящем блоке а не в том где я хочу его найти.

id должен быть уникальным в пределах документа. с 2мя одинаковыми id ваш html не пройдёт валидацию. w3c посоветует использовать class вместо id

А как выбрать все теги и всё что в них домножить на определенное число?

и в td_tags у вас будут все елементы-теги

Подскажите пожалуйста.. вот тут пример

Показывает элементы страници.. а мне надо так же.. только элементы странници открываемого окна (дочернего). Тоесть скрип в основном окне, а тэги в дочернем. Но скрипт работает только по родительскому окну. Все перечитал, так и не дошло как сделать, чтобы скрипт вытягивал элементы дочернего окна.. кто знает подскажите..
Идея в том, что моя страничка, должна открывать новое окно с чужой страничкой, с которой мне надо вытянуть некоторые данные.. вот

А что требовалось получить? Он все правильно выводит. В данном коде выбран сам элемент.
В коде выводится, что это объект.
Если хочется вытащить содержание, то следовало бы писать так:

По идее должно работать, не могу сейчас проверить.

почему-то не пашет выражение такого рода
var linka = document.getElementsByTagName(«a»).getElementsByTagName(«img»);

опера пишет
Uncaught exception: TypeError: ‘document.getElementsByTagName(«a»).getElementsByTagName’ is not a function

Не знакома с haml, но в любом случае, параметром функции getElementById должна быть строка. То есть в вашем случае нужно писать так:

я этот вопрос на форуме задавал, а тут целая статья на сайте есть.

Действительно! Какие плохиши!
нет чтоб не только разжевали но еще и проглотили бы!

А как насчет такого?

В пиве сила! В вине мудрость! А в воде. микробы!

всем привет. У меня вопрос. Как искать содержимое в таком код html:

В пиве сила! В вине мудрость! А в воде. микробы!

Меня до крайности смутило, корректное исполнение кода в 5 разных браузерах.
Это нормально?

Я этого тоже не могу понять

Меня до крайности смутило, корректное исполнение кода в 5 разных браузерах.
Это нормально?

Не плохо было бы добавить информацию о querySelector и querySelectorAll так как это поддерживают почти все браузеры.

а как реализовать такой алгоритм:
к 2ум страницам штмл «штмл1» и «штмл2» подключён один и тот же js и в нём код, который должен делать:
выборка элемента с штмл1 на него событие клик,а действие которое должно происходить применяется на элемент в штмл2, но нечего не работает, что сделать?

Нужно вытянуть ссылки (значение href);

Заранее спасибо всем тем кто откликнется.

Всё! Спасибо. Разобрался сам ))))

Здравствуйте.
Подскажите пожалуйста. Нужно для ссылок в параграфе (p) применить класс «lightbox»
Использую пока такой код:
var els = document.getElementsByTagName(‘a’);
for (var i = 0; i

но он применяет этот класс ко всем ссылкам в документе. Пробовал сделать как написано в статье — не получилось.
Помогите разобраться.

А что будет, если скопировать(клонировать) узел, который содержит ID?
В копии не д.б. ID или всё-таки ID станет не уникальным?

Помогите, пожалуйста!
Программа находит все ссылки, которые есть в div, и выводит их URL- адреса, но они не активны, как сделать, чтобы он выводил все адреса и по ним ещё можно было перейти. Я думаю проблема в выводе:

Когда я подставляю в вывод хрев, то переход осуществляется наверх страницы, если нажать на любой адрес. Я вот, что думаю может, есть какой-то атрибут, который передает все адреса. Если такого нет, то очень грустно. Сколько гуглив я ничего все равно не нашел.
Это лабораторная в ВУЗе, поэтому приходится использовать

Выше хрома 41 жизни нет.

Совершенно новый уровень в создании сайтов. То, что нужно!

Источник

Как обратиться к id javascript

Подробно об обращении к id.

Способ №1 обращения к id.

Скучно будет рассказывать без живого примера! Поэтому, обратимся к тегу и получим живой результат! Для этого нам понадобится:

Кнопка button, по которой будем нажимать.

Нам нужен id, к которому будем обращаться. И у него должно быть о какое-то значение «example_id».

Далее нам потребуется script, где пропишем простую команду. с использованием «onclick» и выведем сообщение «alert» + «console»

Или если непонятно в одну строчку, то и заодно выведем весь код обращения к тегу::

Что дальше!? Теперь нажмите по кнопке с надписью «Обратись к id«..
Обратись к id

. и вы получите два результата:

Во всплывающем окне(alert) вы получите объект.

Теперь, когда вы получили объект по его id? то вы сомжете получить любую часть вашего элемента.

Обращение к id пример 2.

Поэтому продолжим, обращаться к id и рассмотрим немного другой способ и получим что-то из полученного объекта.

Пример обращения к id.

Не буду каждую строчку описывать, лишь скажу. что теперь onclick поместим во вторую кнопку.

А с помощью innerHTML получим содержание id(выделено красным).

Обратись к id второй раз

Попробуйте нажать кнопку и посмотрите, что будет.

сюда передадим Обратись к id второй раз

Обращение к id с помощью функции.

Для обращения к id существует специальная функция GetElementById.

Честно сказать, не знаю, чем результат из первого пункта, будет отличаться от этого варианта обращения к id.

Результат обращения к id:

Ну да. еще один способ, ну, так себе, ничего интересного, но давайте теперь используем, обращение к id, чтобы получить очередную часть объекта.

Будем получать, что выделено красным..

blackblock id=»example_id_4″>сюда передадим

Обратись к id второй раз

Пример обращения к id:

Попробуйте нажать кнопку и посмотрите, что будет.

сюда передадим Обратись к id третий раз

Обращение к id с помощью функции №2.

Функция querySelector отличается тем от GetElementById, что в скобках нужно указывать решетку «#»

Здесь вообще, совсем скучно. возьмем предыдущий скрипт обращения в id и одну функцию заменим на другую. и про «#» не забываем.

Результат обращения к id:

Теперь можно подытожить, что эти варианты, ничем друг от друга не отличаются(но это не точно).

Бонус намного интереснее. теперь получим опять, что-то новое!

width_96_2x2 margin_20_0 «>Обратись к id третий раз

Результат обращения к id:

Сообщение системы комментирования :

Форма пока доступна только админу. скоро все заработает. надеюсь.

Источник

Добавление id элементу в javascript примеры

Как добавить id элементу в javascript, как поставить id в див(div), сколько способов установки id в блок! Сегодня попробуем разобраться во всех способах добавить id в тег html. вы должны понимать, что у блока, элемента должен быть какой-то уникальный параметр,Ю который мы должны знать и только после этого мы можем добавить в данный элемент id.

Для того, чтобы вставить в элемент id надо как-то обратиться к тегу к нашему элементу!

Как добавить id в тег пример

Здесь текст в блоке, в который будем добавлять ид

Нам еще понадобится кнопка, чтобы это увидеть в процессе:

Добавь ид по клику

И скрипт, который добавить наш новый ид к элементу!

Соберем наш код добавления ид к элементу, уникальному тегу:

Здесь текст в блоке, в который будем добавлять ид

Добавь ид по клику

Здесь текст в блоке, в который будем добавлять ид Добавь ид по клику

Как добавить id если есть класс пример

Как мы уже выше приводили ссылку обратиться к тегу, и поскольку, теперь нам нужен класс, то для следующего примера, как добавить ид к элементу, предположим, что у нас есть уникальный класс!

Добавь ид по клику

Как добавить ид нажав на элемент зная его класс пример

Предположим, что у элемента есть калс, как в выше приведенном примере! Тогда мы можем вынести прямо во внутрь блока в onclick

Как добавить ид нажав на элемент без уникальных меток пример

Поисковые запросы на тему «js добавить id элементу»:

Что такое id в javascript?

Сообщение системы комментирования :

Форма пока доступна только админу. скоро все заработает. надеюсь.

Источник