pesquisei sobre e falaram que era porque o HTML tava sendo carregado antes do JS vice versa, a soluçao era mudar o lugar das chamadas dos scripts, colquei em tudo que é lugar e nada
<div id="content">
<b id="bt_cad">cadastre se</b>
</div>
var content = document.getElementById('content');
bt_cad.click(function() {
log.css("display", "none");
cad.css("display", "block");
var c_form_cad = document.createElement('form');
c_form_cad.method="post";
c_form_cad.id="form_cad";
c_form_cad.autocomplete="off";
// erro no appendChild
document.getElementById(c_form_cad.id="form_cad").appendChild(content);
console.log(content);
console.log(c_form_cad);
});
id
usando, oudocument.getElementById
oudocument.querySelector
, em vez de fazer assimbt_cad.click
. Ou seja, seriadocument.getElementById("bt_cad").click
oudocument.querySelector("#bt_cad").click
.