Foros del Web » Programando para Internet » Javascript »

createTextNode letras en negrita

Estas en el tema de createTextNode letras en negrita en el foro de Javascript en Foros del Web. Queria darle negrita al nombre, pero debo no estar haciendo bien algo. Seria de agradecer que me echarais un cable porque no veo el fallo ...
  #1 (permalink)  
Antiguo 20/02/2014, 18:30
 
Fecha de Ingreso: agosto-2013
Mensajes: 103
Antigüedad: 11 años, 3 meses
Puntos: 1
createTextNode letras en negrita

Queria darle negrita al nombre, pero debo no estar haciendo bien algo.
Seria de agradecer que me echarais un cable porque no veo el fallo .

Un saludo y gracias por adelantado!!!
Código Javascript:
Ver original
  1. function introducirComentario(){
  2. //cogemos la id
  3. var comentario=document.getElementById("comentario");
  4. //creamos los elementos <p> </p> <hr/> .
  5. var crearCapa = document.createElement('p');
  6. var separacion=document.createElement('hr');
  7. var separacion2=document.createElement('hr');
  8. var negrita = document.createElement('strong');
  9. var espacio= document.createElement('br');
  10. //Decimos que nos meta crearCapa en el div comentario
  11. /*comentario.appendChild(parrafo);
  12. parrafo.appendChild(negrita);*/
  13. comentario.appendChild(negrita);
  14. comentario.appendChild(crearCapa);
  15. //recogemos lo que contenga este id y agregamos un espacio
  16. var nombre=document.getElementById("txtNombre").value;
  17. var texto=document.getElementById("areaDescripcion").value;
  18. //var eMail=document.getElementById("txtMail").value;
  19. //creamos en nuevo parrafo
  20. var nuevoNombre = document.createTextNode(nombre);
  21. var nuevoTexto = document.createTextNode(texto);
  22. //var nuevoMail= document.createTextNode(eMail);
  23. var nuevoName = negrita.appendChild(nuevoNombre);
  24. var nuevoText = crearCapa.appendChild(nuevoTexto);
  25. //var nuevoeMail = crearCapa.appendChild(nuevoeMail);
  26. //Lo introducimos en crearCapa el salto de linea, el parrafo, etc; y en negrita
  27. //crearCapa.appendChild(espacio);
  28. crearCapa.appendChild(nuevoName);
  29. crearCapa.appendChild(separacion);
  30. crearCapa.appendChild(nuevoText);
  31. crearCapa.style.marginTop="30px";
  32. crearCapa.appendChild(separacion2);
  33. }
Código Javascript:
Ver original
  1. window.onload=function(){
  2. //ENVIAR COMENTARIO
  3. var enviar=document.getElementById("btnEnviar");
  4. var pulsaBtn=enviar.addEventListener("click", introducirComentario, false);
  5. }

Última edición por Mechabits; 20/02/2014 a las 18:38
  #2 (permalink)  
Antiguo 20/02/2014, 19:19
 
Fecha de Ingreso: agosto-2013
Mensajes: 103
Antigüedad: 11 años, 3 meses
Puntos: 1
Respuesta: createTextNode letras en negrita

Lo he intentado haciendo un innerHTML pero tampoco. El resultado que me da es [object Text], asi tal cual, en lugar de darme el nombre con negrita... espero vuestras respuestas!!!
Dejo este que esta mas claro y mas ordenado. Un saludo!!!
Código Javascript:
Ver original
  1. function introducirComentario(){
  2. //cogemos la id
  3. var comentario=document.getElementById("comentario");
  4. //creamos los elementos <p> </p> <hr/> .
  5. var crearCapa = document.createElement('p');
  6. var separacion=document.createElement('hr');
  7. var separacion2=document.createElement('hr');
  8. var negrita = document.createElement('strong');
  9. var espacio= document.createElement('br');
  10. //Decimos que nos meta crearCapa en el div comentario
  11. /*comentario.appendChild(parrafo);
  12. parrafo.appendChild(negrita);*/
  13. comentario.appendChild(negrita);
  14. comentario.appendChild(crearCapa);
  15. //recogemos lo que contenga este id y agregamos un espacio
  16. var nombre=document.getElementById("txtNombre").value;
  17. var texto=document.getElementById("areaDescripcion").value;
  18. //var eMail=document.getElementById("txtMail").value;
  19. //creamos en nuevo parrafo
  20. var nuevoNombre = document.createTextNode(nombre);
  21. var nuevoTexto = document.createTextNode(texto);
  22. //var nuevoMail= document.createTextNode(eMail);
  23. //Lo introducimos en crearCapa el salto de linea, el parrafo, etc; y en negrita
  24. //crearCapa.appendChild(espacio);
  25.  
  26. crearCapa.innerHTML="<strong>"+nuevoNombre+"</strong>";
  27. //negrita.appendChild(nuevoNombre);
  28. crearCapa.appendChild(separacion);
  29. crearCapa.appendChild(nuevoTexto);
  30. crearCapa.appendChild(separacion2);
  31. crearCapa.style.marginBottom="30px";
  32. }

Código Javascript:
Ver original
  1. //cuando cargue la pagina web...
  2. window.onload=function(){
  3. //MENU DESLIZANTE
  4. var aparecer=document.getElementById("abrirPestaña");
  5. var eventIzq=aparecer.addEventListener("click", mostrar, false);
  6. //ENVIAR COMENTARIO
  7. var enviar=document.getElementById("btnEnviar");
  8. var pulsaBtn=enviar.addEventListener("click", introducirComentario, false);
  9. }

Última edición por Mechabits; 20/02/2014 a las 19:32

Etiquetas: letras, negrita
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:04.