Question

我们获得了计算机科学的代码，我们应该查看并解释，然后我们应该添加它。

这是代码：

<!DOCTYPE html>
<html>
<head>
<title>Example Website</title>
</head>
<body>
<p id="demo"></p>

<script>

var array = ["example1","example2","example3"];

document.getElementById("demo").innerHTML = array[0]

</script>

</body>
</html>

他现在要我们做的是让它用带有子弹点的单独行打印数组，而不是只打印数组中第一个带有'example1'的东西。

他说要使用互联网上的任何资源来了解如何以及如何记住所找到的信息，然后在课堂上解释它。

Answer 1

好吧，您可以使用.join()，<ul>和<li>。 .join()有助于将array转换为由.join()中提供的参数加入的字符串。

＆＃13;

<p id="demo"></p>
<script>
  var array = ["example1","example2","example3"];
  document.getElementById("demo").innerHTML = '<ul><li>' + array.join("</li><li>"); + '</li></ul>';
</script>

＆＃13;

以上显示如下：

Answer 2

HTML中的项目符号列表如下所示：

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

因此要打印类似的内容，您需要按照以下步骤操作：

打开开头<ul>标记
遍历数组并打印由<li>标记
打印结束</ul>代码

＆＃13;

var array = ['example1', 'example2', 'example3'];

var s = '<ul>';

for (var i = 0; i < array.length; i++) {
  s += '<li>' + array[i] + '</li>';
}

s += '</ul>'

document.getElementById("demo").innerHTML = s;

＆＃13;

<div id="demo"></div>

＆＃13;

如何让JS在阵列中的字符串中打印出字符串？

2 个答案: