JavaScript - один из наиболее широко используемых языков программирования. Он также довольно популярен благодаря своей универсальности для разных платформ. Есть разные свойства в которые упрощают вашу работу по созданию динамического веб-сайта. В этой статье мы обсудим внутренний HTML в JavaScript в следующей последовательности:
Введение в JavaScript
JavaScript используется как язык программирования на стороне клиента, а также как язык программирования на стороне сервера. используется для выполнения как на стороне клиента, так и на стороне сервера любого приложения. Узел также может называться Node.js в нескольких местах.
JavaScript предоставляет множество методов для простого выполнения нескольких функций. Это сделало JavaScript одним из самых популярных языков программирования, а также широко используется в нескольких видах разработки продуктов.
Внутренний HTML в JavaScript
Внутренний Свойство в JavaScript является одной из очень удобных функций и широко используется для обеспечения более динамичного и универсального аспекта создаваемых веб-страниц.
Если мы попытаемся просто объяснить innerHTML, то работа, выполняемая innerHTML, заключается в простой загрузке содержимого страницы без обновления всей страницы. Это экономит использование данных, а также время загрузки страницы, и его довольно легко получить. Это дает пользователю очень быстрое и отзывчивое ощущение, что значительно улучшает взаимодействие с пользователем.
Это может показаться немного сложным, но давайте попробуем разобраться в этом на примере.
Пример:
Щелкните здесь, чтобы изменить текст innerHTML.
function myFunction () {document.getElementById ('paragraph1'). innerHTML = 'Абзац изменен!' }
Здесь, в приведенном выше коде, в теге абзаца его идентификатор - paragraph1.
Существует функция с именем myfunction (), который будет отменен после щелчка по тексту «Щелкните здесь, чтобы изменить текст innerHTML».Когда функция отменяется при щелчке мышью, выполняется функция, которая сообщает getElementById («paragraph1»), в котором указывается, что элемент с идентификатором в качестве демонстрации должен быть выбран.
Кроме того, у нас есть функция innerHTML, которая после onclick просто означает, что нужно сделать. В приведенном выше примере это просто «Абзац изменен».
Ниже приведен исходный результат вышеуказанного кода.
что переоснащается в машинном обучении
Ниже показан измененный результат после щелчка.
Внутренний HTML с упорядоченным или неупорядоченным списком
Ниже приведен пример использования innerHTML с упорядоченным или неупорядоченным списком.
Пример:
- Здравствуйте
- и снова здравствуйте
Нажмите кнопку ниже, чтобы получить содержимое элемента ul.
Попробуйте функцию helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('paragraph1'). InnerHTML = x}Здесь innerHTML запускается кнопкой, обозначенной именем «Попробуйте».
Первоначальный результат приведенного выше текста:
Выход после нажатия на кнопку. Нажатие на кнопку не приводит к перезагрузке страницы, а происходит из-за использования innerHTML.
рекурсивный фибоначчи c ++
InnerHTML для изменения URL
Ниже приведен еще один пример, показывающий использование innerHTML для изменения URL-адреса при нажатии кнопки.
Пример:
Википедия Изменить функцию ссылки myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}
Приведенный выше пример изначально дает ссылку на веб-сайт Википедии, но при нажатии кнопки ссылка меняется на Google.
Есть несколько таких операций, где innerHTML пригодится, когда страницу не нужно перезагружать, а нужно обновить только часть.Это экономит время, а также требует меньших усилий для подхода.Самым большим преимуществом innerHTML является удобство работы с пользователем, которое улучшается благодаря этой функции.
Проверьте пользователя Edureka. Курс по сертификации веб-разработки поможет вам узнать, как создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).
Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Конкатенации строк в JavaScript», и мы свяжемся с вами.