Как редактировать стиль текста с помощью Javascript ⇐ Html

[Anonymous]

Я пытаюсь создать кнопку для создания новых записей в списке, который отображается примерно так:

"#1 новый "Нажми на меня"

За исключением того, что я хочу, чтобы "Нажмите на меня" отображалось в виде желтого текста в черном поле, а затем я хочу, чтобы черный ящик исчезал, а текст становился коричневым при наведении курсора мыши. Мне удалось отобразить список, но я не знаю, как отредактировать стиль текста, чтобы он выглядел так, как я хочу. Я думаю, что больше всего кода мне нужно для этого:

Код: Выделить всё

var li = document.createElement("li");
var liBody = document.createTextNode("#"+numOfNewCMs+
" new " + newClickMe);
li.appendChild(liBody);

А затем я вставляю li в список.

Я полагаю, что мне следует сделать newClickMe переменной и отредактировать ее, а затем поместить ее рядом с остальным текстом в переменной liBody, и я считаю, что элемент HTML span — лучший способ сделать это, но я даже не знаю, что на самом деле делает элемент span. Как мне отредактировать стиль этой конкретной строки? Я не могу придумать, как (если вообще смогу) сделать текст коричневым при наведении курсора мыши, пока не сделаю это.

Подробнее здесь: https://stackoverflow.com/questions/432 ... javascript