Soy desarrollador web principiante. Tengo un pequeño problema con mi código:
var nodes = document.querySelectorAll('.breadcrumb-item'); if(nodes != undefined && nodes !=''){ var first = nodes[0]; console.log('xxxxxx' , first); }Es devolverme:
[Log] xxxxxx <li role="presentation" class="breadcrumb-item"> <a href="#/" class="router-link-active" target="_self"> Home </a> </li>Necesito comprobar:
¿Cómo puedo hacerlo?
Tengo cadena dinámica. Por ejemplo:
<li role="presentation" class="breadcrumb-item"> <a href="#/" class="router-link-active" target="_self"> Home </a> </li> <li role="presentation" class="breadcrumb-item"> <a href="#/dogs" class="router-link-active" target="_self"> Dogs </a> </li> <li role="presentation" class="breadcrumb-item"> <a href="#/calls" class="router-link-" target="_self"> calls </a> </li> <li role="presentation" class="breadcrumb-item"> <a href="#/catds" class="router-link-" target="_self"> cats </a> </li>Necesito reemplazar la URL SOLO para Inicio
He escrito asumiendo que <a href="#/">Home </a> siempre será el primero en orden. Si va a cambiar su orden, tendrá que cambiar el índice de los nodos dentro del bloque if.
const nodes = document.querySelectorAll(".breadcrumb-item"); if (nodes.length > 0) { const first = nodes[0].firstElementChild; first.href = "/dashboard"; console.log(first); }La respuesta anterior es correcta. Tal vez lo siguiente le da una comprensión más clara:
const nodes = document.querySelectorAll('.breadcrumb-item');
if (nodos.longitud > 0) {
const primero = nodos[0].firstElementChild;
let currentUrlTitle = first.text.trim().toLowerCase();
if (currentUrlTitle == 'inicio') {
consola.log(primero.texto);
primero.href = '/panel';
consola.log(primero.href);
} más {
console.log(actualUrlTitle);
}
}