Estoy tratando de crear un elemento de párrafo con algo de texto, pero creo que estoy agregando el texto antes de agregar el elemento de párrafo al DOM. ¿Cómo puedo arreglar esto?

function myFn() {
  var paragraph = document.createElement("P");
  var text = document.createTextNode("This is some paragraph text.");

  paragraph.className = "heading";
  paragraph.style.width = "100vw";
  paragraph.style.background = "blue";
  document.getElementById("container").appendChild(paragraph);
  document.getElementById("heading").appendChild(text);
}

Pluma: http://codepen.io/ourcore/pen/XdGRXN

¡Gracias!

1
Mario Parra 11 may. 2016 a las 06:37

3 respuestas

La mejor respuesta

Pruebe de esta manera: Ver DEMO

function myFn() {  
  var paragraph = document.createElement("P");
  var text = document.createTextNode("This is some paragraph text.");

  paragraph.id = "heading";

  paragraph.style.width = "100vw";
  paragraph.style.background = "blue";
  document.getElementById("container").appendChild(paragraph);
  document.getElementById("heading").appendChild(text);
}
1
Md Mahfuzur Rahman 11 may. 2016 a las 03:46

Utilice este

function myFn() {
  var paragraph = document.createElement("P");
  var text = document.createTextNode("This is some paragraph text.");

  paragraph.style.width = "100vw";
  paragraph.style.background = "blue";
  paragraph.appendChild(text); 
  document.getElementById("container").appendChild(paragraph);      
}
0
Ramin 11 may. 2016 a las 03:41

Aquí está su código para ayudar a agregar un elemento a su dom.

http://codepen.io/xequence/pen/ZWPKOW

    function myFn() {
  var paragraph = document.createElement("P");
  var text = document.createTextNode("This is some paragraph text.");

  paragraph.appendChild(text);

  paragraph.className = "heading";
  paragraph.style.width = "100vw";
  paragraph.style.background = "blue";
  var currentDiv = document.getElementById("container");
  document.body.insertBefore(paragraph, currentDiv);
}
0
user4573148user4573148 11 may. 2016 a las 03:50