Заменить текст элемента span

Question

Я хочу заменить значок квадрата (текст в элементе span в файле html: ■) со стрелкой: ►. Это происходит, когда этот значок перед пунктом меню соответствует его идентификатору страницы, поэтому посетитель знает, что он находится на странице, указанной этим пунктом меню.

Я прошел через множество вопросов, но застрял с этим.

var newIcon = "►"; // arrow icon 
for (var j = 0; j < rightMenuIDs.length; j++){ 
    var thisID = rightMenuIDs[j]; 
    var thisSpanIcon = rightMenu[j].children[0].children[0].childNodes[0].nodeValue; 
    if(thisID === bodyIDsliced){ 
     thisSpanIcon = newIcon; 
    } 
} 

Я проверил с console.log, он говорит, что thisSpanIcon обновлен как значок стрелки. Но на странице ничего не изменилось. Я попробовал replace() и другие методы безрезультатно.

Может ли кто-то лежать на мне, если есть лучший/правильный способ сделать это?

спасибо!

Answer 1

Когда вы говорите:

thisSpanIcon = newIcon; 

вы просто переписав локальную переменную thisSpanIcon, которая содержит копию существующего узла nodeValue имущества, не изменяя свойства (а оттуда узел) сам.

Try:

var thisSpanNode = rightMenu[j].children[0].children[0].childNodes[0]; 
if (thisID === bodyIDsliced) { 
    thisSpanNode.nodeValue = newIcon; 
} 

, который должен изменить фактическое свойство узла вместо.

Также обратите внимание, что вы должны использовать формат Unicode для строки вместо объекта HTML, то есть \u25ba.

Answer 2

Чтобы обновить текст элемента/узла, вы должны работать с elem.innerHTML или elem.innerText. (little example)

Кроме того, поиск современного способа выбора элементов.