时间戳

首页 > 解决方案 > 如何显示在

element 一个数组（对象），显示在console.log 中？

javascript - 如何显示在
element 一个数组（对象），显示在console.log 中？

问题描述

嗨，我想在元素中显示名为 allDomains 的<pre></pre>数组。我有一个 console.log，但是如何在 html 预格式化块中获取它？我已经检查过 - 我的 Array 是一个对象。

我已经包含了我的 console.log(allDomains) 视图。

撕裂

标签： javascriptarraysobjectconsole.log

解决方案

您可以使用JSON.stringify()第三个参数来强制执行此操作。

<!DOCTYPE html>
<html>
  <body>
    <button id="triggerButton">Display domain objects</button>

    <pre id="placeholder"></pre>

    <script>
      function showArrayInHTML() {
        var domains = [
          'asdasd',
          'bfbfbf',
          '234234243',
          'zxcxcxzc',
        ];
        
        var result = domains.map(function(domain, index) {
          return index + ': ' +domain;
        });
        
        document.getElementById("placeholder").innerHTML = JSON.stringify(result, undefined, 1);
      }
          
      document.getElementById('triggerButton').addEventListener('click', showArrayInHTML);
    </script>

  </body>
</html>

推荐阅读