librosWeb/ejercicio13.html at master · isaacBats/librosWeb · GitHub

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
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Ejercicio 13 - DOM básico y atributos XHTML</title>

    <script type="text/javascript">
    function anade() {
      var elemento = document.createElement("li");
      var texto = document.createTextNode("Elemento de prueba");
      elemento.appendChild(texto);

      var lista = document.getElementById("lista");
      lista.appendChild(elemento);

      var nuevoElemento = "<li>Texto de prueba</li>";
      lista.innerHTML = lista.innerHTML + nuevoElemento;
    }
    </script>
  </head>

  <body>

    <ul id="lista">
      <li>Lorem ipsum dolor sit amet</li>
      <li>Consectetuer adipiscing elit</li>
      <li>Sed mattis enim vitae orci</li>
      <li>Phasellus libero</li>
      <li>Maecenas nisl arcu</li>
    </ul>

    <input type="button" value="Añadir elemento" onclick="anade();">

  </body>
</html>