Форум

mortido · #1 (**permalink**) 19.03.2020, 23:45

Всем привет.
Есть такой простой массив

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

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>

Форум

Справочник

Discord чат

Курсы javascript