Как получить доступ к определенной части тега HTML?

Question

Я использую консоль в Google Chrome для редактирования веб-страницы.Я мог бы просто использовать элемент inspect и изменить то, что я пытаюсь изменить, но после обнаружения я смог сделать это на консоли ... Я хотел сделать это таким образом.

Вот код сайта, какэто сейчас:

Имя: Гора, Рокки

Я пытаюсь заменить Гору, Рокки, поэтому там написано "Гора, Аппалачи"

Итакдалеко, я пробовал: document.getElementByTagName ("li") [12] .replaceWith ("Name: Mountain, Rocky");

и множество других комбинаций (заменяя кавычки внутри replaceWith на ", просто написав «Имя: Гора, Аппалачия» и ничего не работает

большую часть времени изменения, которые я хочу внести, появляются в части «Имя:» и Гора, Рокки уходит.

Как мне сохранить Имя: и часть кода в Горе?

Answer 1

Я предполагаю, что document.getElementByTagName("li")[12] это ваш <li> элемент. Для изменения внутреннего текста элемента вы можете использовать:

• innerText - document.getElementByTagName("li")[12].innerText = 'Mountain, Appalachia'
• innerHTML - document.getElementByTagName("li")[12].innerHTML = 'Mountain, Appalachia'

Подобные вопросы отвечали много раз. Например здесь