appendChild no funciona
Publicado por Paola Zambrano (1 intervención) el 18/03/2021 22:21:30
Hola amigos, estoy empezando en JS y tengo un problema con la propiedad de appendChild, me sale que no se puede leer la propiedad, adjundo el codigo para que me puedan ayudar, gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<title>Nodos del DOM</title>
</head>
<body>
<h1 id = "titulo">Titulo de mi sitio web</h1>
<div id = "subtitulos"></div>
<p>1. Esta documentación discutirá principalmente el uso de <b>JavaScript</b> en un entorno de navegador
Web, por lo que es esencial que sepas codificación HTML y CSS. Conocer PHP puede ser una
ventaja.</p>
<p id = "segundo">2. Ahora te encuentras en el inicio de la documentación que trata sobre el lenguaje Web
Javascript. Durante la lectura aprenderás a hacer dinámicas tus páginas web y hacerlas mucho más atractivas para los visitantes.</p>
<p>3. Esta documentación cubrirá muchos temas, desde lo básico. Aprenderás cómo hacer
animaciones, aplicaciones complejas y utilizar este lenguaje junto con HTML5, la nueva versión
del famoso W3C.</p>
<script type="text/javascript">
let elementosP = document.getElementsByTagName("p")//acceder a los elementos
let segundoParrafo = document.getElementById("segundo")
//Un nodo es crear un nuevo elemento //1. Crear el elementolet elementos = document.createElement("h2")
//2. Crear un nodo en el textolet contenido = document.createTextNode("Este es nuestro titular")
//3. Añadir el nodo del txto al elementoelementos.appendChild(contenido)
//4. Agregar atributos al elementoelementos.setAttribute("align","center")
//5. Agregar el elemento al documentodocument.getElementById("subtitulo").appendChild(elementos)
</script>
</body>
</html>
Valora esta pregunta
0
