Estás realizando mal la llamada a appendChild()
, ya que debes pasar por parámetro un elemento y no una cadena de caracteres.
Una manera de hacerlo sería:
var code = '<p class="c1">Hola mundo</p>';
/* Creamos un contenedor para el HTML de nuestra variable */
let contenedor = document.createElement("div");
/* Insertamos el HTML en el elemento recién creado */
contenedor.innerHTML = code;
/* Ahora hacemos que tu variable "code" sea el primer hijo del contenedor */
code = contenedor.firstChild;
// Código para convertir
code.className = "c";
/* Agregamos al DOM tu elemento */
document.body.appendChild(code);
Para empezar he creado un contenedor con document.createElement()
al que asignaremos el HTML de nuestro código.
Al hacerlo el primer hijo del contenedor será el elemento que deseas editar (en mi código he sobreescrito la variable code
, pero yo no usaría la variable como intermedia para contener una cadena de caracteres).
Por último, ya tienes tu variable code
preparada para agregarla al DOM del documento o modificar lo que desees de ella (como la clase).
document.body.innerHTML = '<p class="c1">Hola mundo</p>'; document.body.firstChild.className = "c"
.