Hola, como puedo hacer para agregar varios elementos con getElementById.
Este es mi código:
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Crear elemento HTML</title>
<script type="text/javascript">
function addElement(proceso,rafaga){
var capa = document.getElementById("capa");
var h1 = document.createElement("h1");
var h2 = document.createElement("h2");
h1.innerHTML = proceso;
h2.innerHTML = rafaga;
capa.appendChild(h1);
capa.appendChild(h2);
}
</script>
</head>
<body>
<div id="capa">
</div>
<form>
<label for=proceso">Texto:</label><input id="proceso" type="text" size=40/>
<label for=rafaga">Texto:</label><input id="rafaga" type="text" size=40/>
<label for=llegada">Texto:</label><input id="llegada" type="text" size=40/>
<label for=prioridad">Texto:</label><input id="prioridad" type="text" size=40/>
<input type="button" onClick="addElement(getElementById('proceso','rafaga').value);" value="Agregar Proceso"/>
</form>
</body>
</html>
Me agrega el primer dato, pero los demás NO.
Quisiera que me ayuden, soy novato. GRACIAS.