Курсы javascript
При открытии/загрузке страницы тегу body должен присваиваться айди.
Эта конструкция не срабатвает, подскажите плиз, в чем проблема?
07.06.2014, 00:05
Регистрация: 02.01.2010
Сообщений: 6,479
document.body.id = "unique_id"; document.getElemetsByTagName('body')[0].id = "unique_id"; document.querySelector('body').id = "unique_id";
__________________
07.06.2014, 00:19
Регистрация: 04.03.2014
Сообщений: 76
есть! спасибо
+ в репу
07.06.2014, 00:26
Регистрация: 04.03.2014
Сообщений: 76
а если упомянутый тег body находится в iframe, как должен выглядеть код ?
и при этом страница, на которой размещен фрейм и страница внутри фрейма лежат на моем домене (т.е. они обе являются страницами одного сайта).
07.06.2014, 00:47
Регистрация: 04.03.2014
Сообщений: 76
вроде так работает
07.06.2014, 01:10
Регистрация: 04.03.2014
Сообщений: 76
а нет, никак не могу изменить стиль документа в iframe, несмотря на то, что этот документ является частью моего сайта.
07.06.2014, 01:51
Регистрация: 02.01.2010
Сообщений: 6,479
Globus,
В вашем случае во фрейме просто ещё нет document(не загрузился ещё), потому следует его получать уже после события onload когда он точно на месте.
__________________
07.06.2014, 13:46
Регистрация: 04.03.2014
Сообщений: 76
Спасибо! А если iframe генерируется на странице и вспылвает в лайтбоксе, то onload спасёт? или сгенерированный при нажатии на кнопку фрейм не будет считаться появившимся на месте?
document.getElementById()
Возвращает ссылку на элемент по его идентификатору (ID (en-US) ); идентификатор является строкой, которая может быть использована для идентификации элемента; она может быть определена при помощи атрибута id в HTML или из скрипта.
Синтаксис
element = document.getElementById(id);
Параметры
чувствительная к регистру строка, являющаяся уникальным идентификатором искомого элемента.
Возвращаемое значение
ссылка на объект типа Element соответствующий указанному ID или null , если элемент с указанным ID не найден в документе.
Пример
doctype html> html> head> title>getElementById exampletitle> script> function changeColor(newColor) var elem = document.getElementById("para1"); elem.style.color = newColor; > script> head> body> p id="para1">Some text herep> button onclick="changeColor('blue');">bluebutton> button onclick="changeColor('red');">redbutton> body> html>
Замечания
Начинающим следует знать, что верхний регистр в части имени метода ‘Id’ должен быть точным для корректного вызова функции; «getElementByID» будет не корректно, как бы естественно это ни казалось.
Если элементы с указанным id отсутствуют , функция вернёт null. Заметьте, что параметр id чувствителен к регистру, так document.getElementById(«Main») вернёт null вместо элемента , потому что «M» и «m» различны для этого метода.
Элементы вне документа не ищутся getElementById() . При создании элемента и назначении ему ID, вам следует вставить элемент в дерево документа с помощью Node.insertBefore() или подобным методом, до того как вы сможете получить к нему доступ при помощи getElementById() :
var element = document.createElement("div"); element.id = "testqq"; var el = document.getElementById("testqq"); // el will be null!
Не-HTML документы. Релизация DOM должна содержать информацию, сообщающую о том, какие атрибуты являются идентификаторами. Атрибуты с именем «id» не являются идентификаторами только если это не указано в описании типа документа (DTD). Атрибут «id» определён в качестве идентификатора в общих случаях XHTML, XUL, и других. От реализаций, которые не знают, какой атрибут является идентификатором, ожидается возврат null.
Спецификации
| Specification |
|---|
| DOM Standard # ref-for-dom-nonelementparentnode-getelementbyid② |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Document ссылка для иных методов и свойств которые вы можете использовать для получения ссылок на иные элементы.
- Document.querySelector() для выборки по таким запросам, как ‘div.myclass’
- xml:id — имеет метод, позволяющий getElementById() получать «xml: id» в XML-документах (например, возвращаемые вызовами Ajax)
Element.id
Свойство id представляет идентификатор элемента, отражая глобальный атрибут id.
Если значение id не пустое, то оно должно быть уникально в документе.
id часто используется с getElementById , чтобы получить нужный элемент. Часто применяют ID как селектор, для стилизации документа, с помощью CSS.
Примечание: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите Чувствительность к регистру в классах и идентификаторов).
Синтаксис
var idStr = element.id; // Получаем id.
element.id = idStr; // Применяем id.
idStr — идентификатор элемента
Спецификации
| Specification |
|---|
| DOM Standard # ref-for-dom-element-id① |
Совместимость с браузерами
BCD tables only load in the browser
Как добавить id к элементу js
В связи с переходом на новый движок. возможны сбои в работе! Простите!
Работы производятся прямо сейчас 11-03-2024! ��
Как добавить id в тег пример
Для того, чтобы добавить атрибут «id» элементу Dom, нам понадобится:
Если «id» еще не существует то, чтобы проводить какие-то манипуляции с элементами дерева нам потребуется как-то обратиться к тегу. Пусть это будет уникальный тег : . например newblock
Чтобы видеть процесс добавления атрибута «id» к элементу придумаем какой-то id — например example и добавим к нему стили, чтобы при добавлении этого ид мы смогли это увидеть.
Нам еще понадобится кнопка button и onclick с вызовом функции, чтобы это увидеть в процессе:
И скрипт(функция), который добавит наш новый ид к элементу!
function myFoo()
Соберем наш код добавления ид к элементу, уникальному тегу:
Результат добавления атрибута «id»:
Здесь текст в блоке, в который будем добавлять ид
Добавь ид по клику
Как увидеть вживую процесс добавления атрибута «id»?
Нажимаем по кнопке «Добавь ид по клику» ПКМ.
В коде ищем наш бок «newblock».
Нажимаем по кнопке «Добавь ид по клику«.
Наблюдаем процесс добавления атрибута «id».
Нажмите, чтобы открыть в новом окне.
Как добавить id если есть класс пример
Как мы уже выше приводили ссылку обратиться к тегу, и поскольку, теперь нам нужен класс, то для следующего примера, как добавить ид к элементу, предположим, что у нас есть уникальный класс!
Возьмем выше идущий скрипт, который мы написали — точно такую же кнопку. но теперь у нас будет class=»newblock» и будем использовать getElementsByClassName ячейка [0] — означает, что vbs обратимся к первому по счету на странице элементу с классом cnewblock и аналогичным образом добавим новый id уже к элементу с классом.
Здесь текст в элементе с классом, в который будем добавлять ид
Добавь ид по клику
Как добавить ид нажав на элемент зная его класс пример
Предположим, что у элемента есть класс, как и в выше приведенном примере! Мы хотим нажать по нашему блоку и добавить в него новый «id».
Для того, чтобы добавить новый «id» нам потребуется:
Элемент dom, опять возьмем div.
Также нам потребуется обратиться к нажатому элементу с помощью getElementsByClassName, поскольку мы знаем его класс.
Также мы знаем, что элемент в дереве стоит по счету первым, поэтому добавляем квадратные скобки и число «0»(отсчет начинается с нуля!)
По нажатию на данный блок, будет добавляться новый ид
Как добавить ид нажав на элемент
Предположим, что у нашего элемента нет никаких уникальных меток! Что делать? Для того, чтобы добавить id элементу нам понадобится:
Мы можем повесить метод onclick на элемент div.
И добавим ключевое слово this присоединяем к нему точкой идентификатор, далее равно и название нового «id»:
Стили такие же как и раньше.
Соберем этот простой скрипт добавления «id» элементу:
Результат работы скрипта по добавлению «id» элементу:
Чтобы увидеть процесс добавления «id» элементу нажмите по ниже идущему тесту!
По нажатию на данный блок, будет добавляться новый ид
Поисковые запросы на тему «js добавить id элементу»:
О поисковых запросах, которые кроме того, могут быть смайлы, смайлы, смайлы и т.д.
Что такое id в javascript?
Вопрос : Что такое id в javascript? — ответ ничего!
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru
Поделиться ссылкой! C друзьями или врагами!
Этим вы очень поможете проекту! Заранее огромное спасибо!
Ещё : dwweb.ru есть здесь:
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru!
© 2015 — 2024 Контакты. Реклама на сайте
Лучший хостинг : RUWEB + помощь по RUWEB