Передача и получение массива, отображаемого как html текст - PullRequest
Новая
       51

Передача и получение массива, отображаемого как html текст

0 голосов
/ 04 августа 2020

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

my_arr = ["PRODUCT", "SHAMPOO1", "SHAMPOO2", "SHAMPOO3", "SHAMPOO1"]

, который отображается как:

PRODUCT, SHAMPOO1, SHAMPOO2, SHAMPOO3, SHAMPOO1 .

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

Какой самый чистый способ сделать это? Передача массива в теге <a> у меня не работает.

1 Ответ

3 голосов
/ 04 августа 2020

вы можете добавить его в DOM, затем l oop ваш массив в li под ul 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <div id="products"></div>
  <body>
    <script>
      var my_arr = ["PRODUCT", "SHAMPOO1", "SHAMPOO2", "SHAMPOO3", "SHAMPOO1"];
      var str = "<ul>";

      my_arr.forEach(function (product) {
        str += "<li> <a href='/'>" + product + "</a> </li>";
      });

      str += "</ul>";
      document.getElementById("products").innerHTML = str;
    </script>
  </body>
</html>
...