Puedes intentar de la siguiente manera
var lbl = document.createElement('label');
lbl.innerHTML = "Puntuacion";
lbl.id = 'elIdQueQuieras'
lbl.classList.add('una-clase', 'otra-clase')
document.getElementById('caja_p').appendChild(lbl);
EDICIÓN
En tu comentario dices que no te funciona, pero lo cierto es que funciona muy bien. ¿Será que crees que se modificará el HTML
?
Cuando modificas el DOM, estás modificando una representación en memoria del documento HTML
que lee o analiza el navegador. Por lo tanto, todas las modificaciones que hagas, serán en memoria, nunca en el archivo original.
He complementado la respuesta de Fernando, para mostrar su funcionamiento, añadiendo Bootstrap y un botón para que veas el efecto.
const crearLabel = function() {
// creamos el label
let lbl = document.createElement('label');
// establecemos el contenido
lbl.innerHTML = "E-Mail";
// le asignamos un ID (debe ser único)
lbl.id = 'email-label';
// le añadimos las clases de Bootstrap
lbl.classList.add('col-sm-2', 'col-form-label', 'col-form-label-sm', 'text-primary');
lbl.setAttribute('for', 'colFormLabelSm');
// lo agregamos al DOM como primer hijo de su contenedor
document.getElementById('field-container').insertBefore(lbl, document.getElementById('field-container').firstChild);
}
// añadimos un listener al evento click del botón.
document.getElementById('insertarLabel').addEventListener('click', (event) => {
// si el elemento ya existe evitamos que se vuelva a crear.
if(document.getElementById('email-label')) {
console.log(`El elemento label con 'id=email-label' ya existe en el DOM.`);
return;
}
// si el elemento no existe, lo creamos.
crearLabel();
});
<!-- Añadimos el css de Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<form>
<div id="field-container" class="form-group row">
<div class="col-sm-10">
<input type="email" class="form-control form-control-sm" id="colFormLabelSm" placeholder="Introduzca su e-mail">
</div>
</div>
<div id="button-container" class="form-group-row">
<div class="col-sm4">
<button type="button" id="insertarLabel" class="btn btn-primary mx-4">Insertar Label</button>
</div>
</div>
</form>
lbl.id = 'someUniqueId';
? Y para la clase, algo comolbl.className = 'someBootstrapClassName';
?