Skip to main content
se añadieron 597 caracteres en el cuerpo
Origen Enlace

Comprobandolo en toolKitDevelop me da esta salida, tiene sentido, cuando añades varias clases si que puedes formatear con espacion, pero en este caso el metodo classList.add() solo añade una; internamente debe lanzar la excepción:

Failed to execute 'add' on 'DOMTokenList': The token provided ('medico familia') contains HTML space characters, which are not valid in tokens.

Como te comentaba puedes utilizar replace para sustituir los espaciosACTUALIZADO: Cuando son 2 palabras separadas por un espacio deberia ir, pero cuando son mas de 2 palabras o mas de un espacio, solo remplaza el caracterprimero que deesesencuentra. Pero estas de suerte porque el metodo replace admite expresiones reguraleres, ejasique si le dices que remplace todos los espacion de manera global podras solucionarlo:

document.querySelector('body').classList.add('pepe caca kk'.replace(/\ /g,'-').toLowerCase())

Una expresion regular se enmarca por cat.replace(' ','-').toLowerCase();// y envuelto va el patron de caracteres, en este caso un espacio debe ser escapado por \ ,la g significa globalmente

Comprobandolo en toolKitDevelop me da esta salida, tiene sentido, cuando añades varias clases si que puedes formatear con espacion, pero en este caso el metodo classList.add() solo añade una; internamente debe lanzar la excepción:

Failed to execute 'add' on 'DOMTokenList': The token provided ('medico familia') contains HTML space characters, which are not valid in tokens.

Como te comentaba puedes utilizar replace para sustituir los espacios por el caracter que deeses, ej: cat.replace(' ','-').toLowerCase();

Comprobandolo en toolKitDevelop me da esta salida, tiene sentido, cuando añades varias clases si que puedes formatear con espacion, pero en este caso el metodo classList.add() solo añade una; internamente debe lanzar la excepción:

Failed to execute 'add' on 'DOMTokenList': The token provided ('medico familia') contains HTML space characters, which are not valid in tokens.

ACTUALIZADO: Cuando son 2 palabras separadas por un espacio deberia ir, pero cuando son mas de 2 palabras o mas de un espacio, solo remplaza el primero que encuentra. Pero estas de suerte porque el metodo replace admite expresiones reguraleres, asique si le dices que remplace todos los espacion de manera global podras solucionarlo:

document.querySelector('body').classList.add('pepe caca kk'.replace(/\ /g,'-').toLowerCase())

Una expresion regular se enmarca por // y envuelto va el patron de caracteres, en este caso un espacio debe ser escapado por \ ,la g significa globalmente

Origen Enlace

Comprobandolo en toolKitDevelop me da esta salida, tiene sentido, cuando añades varias clases si que puedes formatear con espacion, pero en este caso el metodo classList.add() solo añade una; internamente debe lanzar la excepción:

Failed to execute 'add' on 'DOMTokenList': The token provided ('medico familia') contains HTML space characters, which are not valid in tokens.

Como te comentaba puedes utilizar replace para sustituir los espacios por el caracter que deeses, ej: cat.replace(' ','-').toLowerCase();