Entonces, en esencia, obtengo el valor de entrada, luego trato de dividirlo en diferentes etiquetas a través de la coma con esto
var noteTags = document.getElementsByClassName("noteTag").value; Tag = noteTags.split(","); Pero en la consola, la split(",") no está undefined Editar: lo siento, olvidé mencionar que se ingresa el elemento noteTag, ¿esto cambia la forma en que funciona el código de alguna manera?
Hay dos problemas,
getElementsByClassName devuelve una colección de elementos similar a una matriz (una lista deNodeList ).value , debería ser innerText .Prueba como a continuación
var noteTags = document.getElementsByClassName("noteTag")[0].innerText; Tag = noteTags.split(",");Está utilizando el método split() en una matriz. También está intentando acceder a la propiedad de valor , por lo que probablemente debería usar innerText .
Puede usar querySelector , entonces no necesita usar una tecla [0] para seleccionar el elemento.
const noteTags = document.querySelector("#noteTag"); console.log(noteTags) Tag = noteTags.innerHTML.split(","); console.log(Tag) <div id="noteTag">en,jp,fr</div>