Как конвертировать [объект HTMLSpanElement] в браузере? - PullRequest
Новая
       3

Как конвертировать [объект HTMLSpanElement] в браузере?

0 голосов
/ 02 мая 2020

Как посмотреть имена классов, которые я импортировал в тег HTML span в браузере? Target; Я хочу видеть все содержимое тега HTML на экране. 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>SCSS Convert to CSS</title>
</head>
<!--CSS-->
<style>
  .testcss {
    word-wrap: break-word;
  }
</style>

<body>
  <span>Here is a span</span>

  <!--Script-->
  <script>
    var cssNameSelector = document.styleSheets[0].cssRules;

    var iconlist = [];

    for (var i = 0; i < cssNameSelector.length; i++) {
      iconlist += document.styleSheets[0].cssRules[i].selectorText;
      var spantag = document.getElementsByTagName("span")[0];
      spantag.className = iconlist;
      document.write(spantag)

    }
  </script>
</body>

</html>

1 Ответ

0 голосов
/ 02 мая 2020

Почему бы вам просто не запросить все элементы span и не увидеть их содержимое? 

document.querySelectorAll('span').forEach((el) => {
  document.body.insertAdjacentHTML('afterend', el.classList.toString());
  document.body.insertAdjacentHTML('afterend', el.outerHTML);
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...