JavaScript es uno de los lenguajes de programación más utilizados. También es bastante popular por su versatilidad en todas las plataformas. Hay diferentes propiedades en que facilitan su trabajo de construcción de un sitio web dinámico. En este artículo, analizaremos el HTML interno en JavaScript en la siguiente secuencia:
Introducción a JavaScript
JavaScript se utiliza como lenguaje de programación del lado del cliente y como lenguaje de programación del lado del servidor. se usa para ejecutar tanto del lado del cliente como del lado del servidor de cualquier aplicación. También se puede hacer referencia a un nodo como Node.js en varios lugares.
JavaScript proporciona una plétora de métodos para realizar varias funcionalidades con facilidad. Esto es lo que convirtió a JavaScript en uno de los lenguajes de programación más populares y también se está utilizando ampliamente en varios tipos de desarrollo de productos.
HTML interno en JavaScript
El interior La propiedad en JavaScript es una de las características más útiles y se usa ampliamente para proporcionar un aspecto más dinámico y versátil a las páginas web que se están creando.
Si tratamos de explicar el innerHTML simplemente, entonces el trabajo realizado por innerHTML es simplemente cargar el contenido de la página sin actualizar la página completa. Esto ahorra el uso de datos, así como el tiempo detrás de la carga de la página y es bastante fácil de ganar. Esto le da al usuario una sensación muy rápida y receptiva, lo que hace que la experiencia del usuario sea mucho mejor.
Puede parecer un poco difícil, pero intentemos entenderlo con la ayuda de un ejemplo.
cómo crear una matriz dinámica en java
Ejemplo:
Haga clic aquí para cambiar el texto HTML interno.
function myFunction () {document.getElementById ('paragraph1'). innerHTML = '¡Párrafo cambiado!' }
Aquí, en el código anterior, en la etiqueta de párrafo, el id es el párrafo1.
Hay un función llamado myfunction () que sería revocado al hacer clic en el texto 'Haga clic aquí para cambiar el texto innerHTML'.Cuando la función se revoca al hacer clic, se ejecuta la función que dice getElementById ('párrafo1'), que indica que se debe seleccionar el elemento con el Id como demostración.
Además, tenemos la función innerHTML que simplemente significa después de hacer clic en lo que se debe hacer. Aquí, en el ejemplo anterior, es simplemente 'Párrafo cambiado'.
A continuación se muestra la salida inicial del código anterior.
A continuación se muestra la salida modificada después del clic.
HTML interno con lista ordenada o desordenada
A continuación se muestra un ejemplo para mostrar el uso de innerHTML con una lista ordenada o desordenada.
Ejemplo:
- Hola
- Hola de nuevo
Haga clic en el botón de abajo para obtener el contenido del elemento ul.
Pruébelo function helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('paragraph1'). InnerHTML = x}Aquí, el innerHTML se activa mediante el botón definido por el nombre 'Pruébelo'.
cómo detener un programa java en código
La salida inicial del texto anterior es:
La salida después de hacer clic en el botón. El clic en el botón no conduce a la recarga de la página, sino que se debe al uso de innerHTML.
preguntas de la entrevista del cargador de clases de Java
InnerHTML para cambiar la URL
A continuación se muestra otro ejemplo que muestra el uso de innerHTML para cambiar la URL al hacer clic en el botón.
Ejemplo:
Wikipedia Cambiar la función de enlace myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}
El ejemplo anterior proporciona inicialmente el enlace al sitio web de Wikipedia, pero cuando se hace clic en el botón, el enlace cambia a Google.
Hay varias operaciones de este tipo en las que innerHTML resulta útil cuando la página no se debe recargar y solo se debe actualizar una parte.Esto ahorra tiempo y se deben realizar menos esfuerzos para el enfoque.La mayor ventaja de innerHTML es la experiencia del usuario que se mejora con esta función.
Revisar la por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender cómo crear sitios web impresionantes utilizando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google, e implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de “Concatenación de cadenas en JavaScript” y nos comunicaremos con usted.