Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.03.2020, 23:45
Аспирант
Отправить личное сообщение для mortido Посмотреть профиль Найти все сообщения от mortido
 
Регистрация: 29.09.2014
Сообщений: 83

заменить символ на странице на елемент массива
Всем привет.
Есть такой простой массив
array = ['<div>1</div>', '<div>2</div>','<div>','</div>'];

и html
<div id="0">Первая @ строка</div>
<div id="1">Вторая @ строка</div>
<div id="2">@ Третья строка @</div>

Мне нужно заменить каждый символ @ на соответствующее индексу значение массива. Как это возможно реализовать?
Ответить с цитированием
  #2 (permalink)  
Старый 20.03.2020, 00:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

mortido,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  div > div{
      background-color: #FF0000;
      color: #FFFFFF;
      display:  inline-block;
  }

  </style>

</head>
<body>
<div id="0">Первая @ строка</div>
<div id="1">Вторая @ строка</div>
<div id="2">@ Третья строка @</div>
  <script>
    const array = ['<div>1</div>', '<div>2</div>','<div>','</div>'];
    let i = 0;
    document.querySelectorAll('[id="0"], [id="1"], [id="2"]').forEach(div => {
    let {textContent} = div;
    let innerHTML = textContent.replace(/@/g, _=> array[i++]||`@`);
    Object.assign(div, {innerHTML})
    })
  </script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Можно ли заменить путь к папке на элементы массива? wolf329 Общие вопросы Javascript 7 28.02.2017 20:47
Как правильно заменить символ точки? sharomet Общие вопросы Javascript 0 06.08.2016 21:01
Как найти и заменить код скрипта на странице на другой код? smls Общие вопросы Javascript 2 18.07.2016 22:01
Как заменить символ Forgotten Общие вопросы Javascript 4 31.08.2012 00:39
Заменить определенные конструкции на странице. Нужен оптимизированный вариант. webpuper Events/DOM/Window 8 03.09.2011 23:12