13 - Crear y agregar un nodo de tipo elemento (createElement - appendChild)




Problema:Confeccionar una página que contenga una lista de tipo (ul) y no defina marcas de tipo (li) inicialmente. Luego al presionar un botón agregar dos marcas de tipo (li) con sus respectivos textos.
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<ul id="lista">
</ul>
<input type="button" value="agregar dos (li)" onClick="mostrarSoluciones()">
</body>
</html>
function mostrarSoluciones()
{
  var nt;
  var obj;
  var elemento;

  elemento=document.createElement('li');
  nt=document.createTextNode('Respuesta 1');
  elemento.appendChild(nt);

  obj=document.getElementById('lista');
  obj.appendChild(elemento);

  elemento=document.createElement('li');
  nt=document.createTextNode('Respuesta 2');
  elemento.appendChild(nt);

  obj.appendChild(elemento);
}
Ver solución


Retornar