Cualquier lógica de establecer atributos a una subcadena en javascript.
if (spanArr.length != 0) { var span = document.createElement('span'); var content = spanArr.join(" "); var url = content.match(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%\/.\w-]*)?\??(?:[-+=&;%@.\w])#?(?:[\w]))?)/); span.textContent = ?; divContent.appendChild(span); }¿Cómo configuro algunos atributos, por ejemplo, espacio en blanco = nowrap a la URL extraída del contenido antes de asignarlo para abarcar textContent?
Parece que tienes algunos conceptos mezclados aquí.
white-space: nowrap es una instrucción CSS que, cuando se aplica a un elemento HTML, hace que el texto y cualquier elemento de nivel en línea dentro de ese elemento no pase a la siguiente línea cuando se alcanza el borde del elemento. Esto solo se aplica a los elementos de nivel de bloque que tienen un ancho o que no tienen la opción de expandirse para acomodar el contenido.
Los atributos CSS como white-space solo se pueden aplicar a los elementos DOM, no a las cadenas (como su url ). La url , en este caso, sería el contenido del texto (de hecho, el contenido del textContent ) del elemento span . El white-space sería un atributo CSS del elemento.
Los atributos CSS se pueden aplicar a los elementos DOM de 3 maneras: a través de declaraciones CSS en una etiqueta<style> o un archivo CSS externo; a través del atributo de style HTML, o a través de la manipulación directa en JavaScript de la propiedad de style relacionada de un DOM HTMLElement .
Como está trabajando en JavaScript, desea hacer lo último aquí. Si entiendo correctamente lo que está tratando de hacer, el siguiente código debería obtener lo que desea:
span.textContent = url; span.style.whiteSpace = 'nowrap'; divContent.appendChild(span); Nota: en JavaScript, las propiedades CSS de la propiedad de style se escriben en camelCase (con mayúsculas en medio de las palabras) en lugar de kebab-case (con guiones entre palabras), porque JavaScript interpretaría el carácter - como un operador aritmético si fuera para usar eso
Otra nota: el white-space aplicado a un span probablemente no sirva de mucho, ya que un span no es un elemento a nivel de bloque. Si su objetivo es hacer que los span no se ajusten al elemento divContent , debe agregar el estilo a ese elemento en su lugar:
divContent.style.whiteSpace = 'nowrap';