开发工具与关键技术：JS
作者：赵纯雨
班级：1803
撰写时间：2019.6.10
Al configurar los atributos de estilo, debe escribir el estilo. Se puede dividir en seis partes:
1. Cambiar el flujo de salida HTML: JavaScript puede crear contenido HTML dinámico. La fecha de hoy es: lunes 26 de junio a las 11:36: 03 2017, en JavaScript, document.write () se puede usar directamente para escribir contenido directamente en el flujo de salida HTML. Consejo: no puede usarlo después de cargar el documento, document.write (). Escribir de esta manera sobrescribirá el documento, como se muestra a continuación:
encabezado antiguo
! [Inserte la descripción de la imagen aquí] (https://img-blog.csdnimg.cn/20190617155332708.png)En segundo lugar, cambie el contenido HTML: modifique el contenido HTML; la forma más fácil es utilizar la propiedad innerHTML; si necesita cambiar el contenido de los elementos HTML, utilice esta sintaxis: document.getElementById (id) .innerHTML = new HTML;
es
este es un párrafo
El texto cambia a Nuevo texto.docment.getElementById ("p1"). innerHTML = "New Text"; En
tercer lugar, cambie los atributos HTML: document.getElementById (id) .attribute = new value busque el ID específico y luego haga clic en los atributos específicos, el documento HTML anterior contiene id = elemento "imagen", usamos HTML DOM para obtener id = "imagen", JavaScript cambia los atributos de este elemento:
4. Cree un nuevo elemento HTML: si necesita agregar un nuevo elemento a HTML DOM, primero debe crear 1 este Elemento (nodo de elemento), y luego anexarlo al elemento existente:
Cinco: Este código está creando un nuevo
Elemento: var para = document.createElement ("p"); Si necesita agregar una pregunta al elemento §, primero debe crear un nodo de pregunta, este código crea un nodo de texto: var nodo = documento .createTextNode ("Este es un nuevo párrafo"):
Visibility = 'hidden' para cambiar si se muestra o no. Si necesita cambiar el estilo de los elementos HTML, utilice esta sintaxis: document.getElementById.style.property = new style.
1. Javascript puede cambiar todos los elementos HTML en la página
2. Javascript puede cambiar todos los atributos HTML en la página
3. Javascript puede cambiar todos los estilos CSS en la página
4. Javascript puede cambiar todos los eventos en la página y responder a los
cambios. El contenido del texto es señalar directamente un atributo específico, cambiar un atributo específico de estilo en el punto de estilo y, por lo tanto, reaccionar a los eventos.
5. Respuesta de evento:
podemos ejecutar javasript cuando ocurre un evento. Por ejemplo, cuando el usuario hace clic en un elemento HTML, si el usuario necesita ejecutar código cuando el usuario hace clic en un elemento, agregue código Javascript a un atributo de evento HTML: οnclick = Javascript.
Ejemplos de eventos HTML: cuando el usuario hace clic con el mouse, cuando se carga la página web, cuando se carga la imagen, cuando el mouse se mueve sobre un elemento, cuando se envía el formulario HTML, cuando el usuario activa un botón.
6. Asigne el evento onclick al elemento Button:
Haga clic en el botón para ejecutar la función displayDate
Haga clic aquí Document.getElementById ("myBtn"). Onclick = function () {displayDate ()}; Function displayDate () {Document.getElementById ("demo"). InnerHTML = Date ();} Obtenga una etiqueta de botón, id Es myBtn, y las llaves son una operación a realizar en la función. Lo anterior es la sintaxis y el uso del cambio de atributo de estilo.