Javascript использует объектную модель документа (DOM) для управления элементами DOM. Визуализация относится к отображению вывода в браузере.
DOM устанавливает родительско-дочерние отношения, а также смежные родственные отношения между различными элементами HTML-файла.
Код
Пример HTML-файла и соответствующего ему DOM показан ниже:
Моя первая веб-страница
Мой первый абзац
Реализация
Мы можем использовать Javascript для доступа и даже изменения этих элементов DOM, следовательно, изменяя вывод на электронный экран. Метод
getElementByIdи свойствоinnerHTMLособенно полезны для доступа и изменения этих элементов.
Пример
В следующем примере показано, как Javascript изменяет содержимое DOM с помощью этих методов при выполнении действия.
- Вывод
- HTML
Объяснение
В приведенном выше коде мы добавили код Javascript в свойство кнопки
onclick. Когда пользователь нажимает кнопку, код Javascript находит элемент сid = demoв DOM и изменяет содержимое этого элемента.
