Структура DOM в JS – Урок #13 | Базовый JavaScript

preview_player
Показать описание
ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:

Webmoney:
Z166344793421
R369744777501
U871336351200

Вступайте в группу и задавайте интересные вопросы!!!

Работаем с объектной моделью страницы. Теория и конечно же практика. Никто не останется обиженным ))

Материал урока и домашка:

КУРС ПО HTML5 & CSS3:
Рекомендации по теме
Комментарии
Автор

Спасибо вам, перед вашими уроками изучил пару учебников по JS. Спасибо, за то, что учите на практике, так как это для меня полезно! Также с вашей стороны получаю много новых знаний!!! И начинаю понимать то, что в учебнике выглядело сложным. Еще раз, спасибо!

changer
Автор

Добрый день, Андрей. Хочу поправить некоторую ошибку в вашем видео. Вы не совсем верно сказали, 17:46 что нельзя использовать innerHTML без объявления переменной. Почему нельзя? Можно. 17:54 вы получили ошибку, а в консоле видно, что это за ошибка. Она пришла из строки №9. Вы пытаетесь вызвать алертом переменную code, которую закоментировали только что.
По итогу, ваш код будет абсолютно корректно работать.
var access =
access.innerHTML = "здесь был параграф №1";

БОЛЕЕ того, код будет работать, даже если не объявлять и 1-ю переменную access... если применить свойство innerHTML сразу к полученному параграфу...
= "приветик"; вот такая запись тоже будет работать.
Спасибо.

vladk
Автор

Вы не сказали, что нужно подключать скрипт в конце страницы, т.к. если подключить скрипт в head`е (или в начале body) то будет ошибка, getElementById == null

MamoruKashi
Автор

JS это не объектно-ориентированный язык, не вводите в заблуждение. Он лишь может поддерживать объектно-ориентированный стиль.

ЕленаВанина-ъл
Автор

ДЗ. Возможно, сделал по тупому, но я обратился к каждой переменной, потом собрал все в одну переменную 'code' и потом уже вывел все в последний параграф.

var h1 =
var h2 =
var h3 =
var h4 =
var h5 =
var h6 =
var h7 =
var h8 =
var h9 =
var h10 =

var code = h1.innerHTML + h2.innerHTML + h3.innerHTML + h4.innerHTML + h5.innerHTML + h6.innerHTML + h7.innerHTML + h8.innerHTML + h9.innerHTML + h10.innerHTML;

h10.innerHTML = code;

HorbachenkoVlad
Автор

Немного непонятно про getElement и inner-их всегда используют и что они означают(можно поподробнее)?

ИяИя-пк
Автор

здравствуйте Андрей, у меня есть интересный вопрос насчет DOM,

var access =
var code = access.innerHTML;
code = code + "Вуаля";
alert(code);

У меня на когда обновляю страницу, в консоле дает следующее,
0: Unable to get property 'innerHTML' of undefined or null reference
вопрос в том что почему так происходит ? Так как в сама HTML я дописывал точно такой же <id="code1">
в самом html ошибок нету!
спасибо за ваш ответ!!

five_stars
Автор

Дружище цеплять элементы через айдишник это дурная практика, в Доме желательно иметь один айдишник, больше одного айдишника это нагрызка на браузер

boycovclub
join shbcf.ru