Question

我正在尝试使用非常原始的JavaScript创建一个非常简单的html文档，以对其中的某些元素进行排序。

我已经能够使用.map()来打印数组的所有元素，但是我想将它们包括在html元素中。例如。使用<h1>或<p>。

这是我到目前为止的代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Test</title>
</head>

<body onload="mapping()">
  <h1>
    <script>
      const array = [1, 2, 3];

      function mapping() {
        array.map(arrayItem => {
          document.write(arrayItem)
        })
      }

    </script>
  </h1>
</body>

</html>

如何在脚本中包含HTML，以便可以对每个返回的元素进行某些处理？我的意思是，像这样：

<script>
  const array = [1, 2, 3];
  function mapping() {
    array.map(arrayItem => {
      <h1>document.write(arrayItem)</h1>
    })
  }
</script>

Answer 1

这应该有效。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Test</title>
</head>

<body onload="mapping()">
  <script>
      const array = [1, 2, 3];
      function mapping() {
        array.forEach(arrayItem => {
          var newEle = document.createElement('h1');
          newEle.innerHTML = arrayItem;
          document.body.appendChild(newEle);
        });
      }
    </script>
</body>
</html>

Answer 2

我猜你想做的是这样的：

<div> 
  <script type="text/javascript"> 
    document.write("<h1>Main title</h1>") 
  </script> 
 </div>

您可能需要考虑在我提供的链接中检查documentation中的Javascript。它提供了许多有用的示例和方法。
我从那里获取了代码段。

希望对您有所帮助。

HTML中的数组方法

2 个答案: