Hola amigos Necesito de su ayuda. Estoy en un tropel para agregar atributos a un párrafo.
<style>
#contenedor{color: red;font-size: 18px;}
//creo una clase para el color de la fuente del párrafo
.green{color:rgba(0,150,70.0,9);font-size:2em;}
</style>
Al principio no podía crear un elemento p desde javascript así que me toco colocar un elemento p en html que sirviera de referencia.
<div id="contenedor">
<!--creo un parrafo html para que luego sea el parrafo padre-->
<p></p>
</div>
Tal ves no lo este haciendo bien uds me dirán bueno en todo caso el tropel mas grande que encuentro es que en mi intento de usar el metodo setAttribute() no logro darle el atributo a mi nuevo parrafo creado.
<script>
var padre=document.getElementsByTagName("p")[0].parentNode;
//hago un nuevo parrafo con javascript
var nuevoParrafo=document.createElement("p");
//coloco un contenido a mi parrafo javascript
var contenidoParrafo=document.createTextNode("contenido de mi parrafo en javascript");
nuevoParrafo.appendChild(contenidoParrafo);
/*Es aqui donde estoy fallando no puedo colocar atributos al parrafo como color y tamaño*/
nuevoParrafo.setAttribute("class","green");
//imprimo mi nuevo parrafo
padre.appendChild(nuevoParrafo);
</script>
setAttribute
?