1

Есть такой код:

<span title="Just span elem">
  <i class="logo-icon">
    //some logo
  </i>
  "10.00"
</span>

Мне нужно с помощью JS изменять значение в span. Делаю это так: var span = document.getElementsByTagName('span')[1].innerHTML = "11.12"; Все работает, но лого тоже пропадает когда меняю значение. Как можно его поменять, что бы при этом лого осталось на месте?

3 ответа 3

2

Наверное проще всего:

var currentHTML = document.getElementsByTagName('span')[1].innerHTML;
var currentHTML = currentHTML.slice(0,-5);
document.getElementsByTagName('span')[1].innerHTML = currentHTML+"11.12";
4
  • Тогда нужно так же удалить 5 предыдущих символов в конце которые есть в примере: 10.00.
    – Telion
    Commented 20 дек. 2017 в 0:10
  • Добавил удаление
    – stckvrw
    Commented 20 дек. 2017 в 0:14
  • 1
    В общем для автора вопроса: если у вас там строго 5 символов будет то этот ответ действительно может подойти, но в ином случае вам стоит поместить число в дополнительный блок что бы удобно обращаться к нему.
    – Telion
    Commented 20 дек. 2017 в 0:16
  • И если кавычки действительно не считаются еще двумя символами)
    – stckvrw
    Commented 20 дек. 2017 в 0:21
0

Оператор += должен помочь так как он добавит данные в элемент, а не заменит их. Ответ на эту тему уже дан, но я могу предложить лишь сократить его код:

document.getElementsByTagName('span')[1].innerHTML += "11.12";

Если внутри элемента уже есть данные то ваш код неоптимальный. Я бы посоветовал добавить еще один блок <span> внутри данного и работать с ним напрямую вашим же кодом, так будет проще чем изобретать велосипед заново делая поиск картинки в элементе и отделяя ее от прочего содержимого тега что бы исправить лишь 5 символов.

HTML:

<span title="Just span elem">
  <i class="logo-icon">
    //some logo
  </i>
  <span id="number">10.00</span>
</span>

JS:

document.getElementsById('number').innerHTML = "11.12";
3
  • а что если добавление ещё одного блока не возможно?То есть нужно именно работать с тем HTML, который указан в вопросе
    – Tick-Tack
    Commented 20 дек. 2017 в 0:17
  • Тогда см. мой ответ
    – stckvrw
    Commented 20 дек. 2017 в 0:19
  • @Максим Буяков да, тогда используйте другой ответ, но я решил что вам стоит знать что это неправильно, делайте с этой информацией что вам угодно.
    – Telion
    Commented 20 дек. 2017 в 3:38
0
/*
   определяем DOM узел в переменную node
   node.childNodes -- коллекция дочерних элементов узла
   node.childNodes[node.childNodes.length-1] -- последний узел 
   textContent --- строка
*/
var node = document.getElementsByTagName('span')[0]
    node.childNodes[node.childNodes.length-1].textContent = "11.12"

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.