使用document.getElementById('').innerHTML打印出数组会忽略HTML和CSS

使用document.getElementById('').innerHTML打印出数组时，会将数组的内容作为纯文本输出，忽略其中的HTML和CSS代码。这是因为innerHTML属性会将文本作为HTML解析并渲染，而不会将其作为原始文本输出。

如果想要在HTML页面中正确显示数组的内容，可以使用其他方法来处理。例如，可以使用循环遍历数组的每个元素，并将其添加到HTML元素中，或者使用JSON.stringify()方法将数组转换为字符串后再输出。

以下是一个示例代码，展示了如何将数组的内容正确显示在HTML页面中：

<!DOCTYPE html>
<html>
<head>
  <title>Print Array with HTML and CSS</title>
  <style>
    .array-item {
      color: blue;
    }
  </style>
</head>
<body>
  <div id="array-container"></div>

  <script>
    var array = [1, 2, 3, 4, 5];
    var arrayContainer = document.getElementById('array-container');

    for (var i = 0; i < array.length; i++) {
      var arrayItem = document.createElement('span');
      arrayItem.className = 'array-item';
      arrayItem.textContent = array[i];
      arrayContainer.appendChild(arrayItem);
    }
  </script>
</body>
</html>

在上述示例中，我们创建了一个包含id为"array-container"的div元素，然后使用JavaScript动态创建了span元素来表示数组的每个元素。通过设置span元素的textContent属性，我们将数组元素的值添加到span元素中。最后，将span元素添加到div元素中，从而在HTML页面中正确显示数组的内容。

请注意，上述示例中的CSS样式是可选的，用于演示如何应用CSS样式来美化数组元素的显示效果。