在表

时间:2018-02-16 02:04:52

标签: javascript html newline

<!DOCTYPE html>
<html>

<head>
  <title>Parse Prompt</title>
  <script language="JavaScript">
    var input = window.prompt("Enter a sentence");
  </script>
</head>

<body>
  <table>
    <tr Align='Center'>
      <th Width='100'>
        <H1>input</H1>
      </th>
    </tr>
    <script language="JavaScript">
      function parseStrings(input) {
        var parse = input.split(' ');
        for (let i = 0; i < parse.length; i++) {
          parse[i] = parse[i] + '<br />';
          return parse;
        }
        return input;
      }
      document.writeln("<tr Align='Center'><td>" + parseStrings(input) + "</td></tr>");
    </script>
  </table>
</body>

</html>

我正在尝试解析空白并将数组中的所有元素打印到HTML表格中。

我做了什么:我创建了一个函数,它将接收input并尝试拆分空格并将其存储到数组中。它现在打印的方式是:

hello

,kedi,ekdier,

第一个单词后面的每个元素获得,并放入第二行。这是我的问题。

我也尝试过没有函数/数组,但它会执行以下操作:

hello kedi ekdier

表格中的所有内容。

1 个答案:

答案 0 :(得分:0)

正如@Xufox在评论中提到的那样,问题是你在两个地方回来了:

  1. for循环迭代中(在正常编程中完全正常,但通常将其包装在条件中)
  2. for循环
  3. 之后

    这些都不对,但你如何做以及你回归的都是错的。在这种情况下,您希望完全迭代 在整个拆分输入上,然后返回最终的数组,而不是返回input

    此外,您似乎想要为每个&#34;标记化的&#34;创建新的表格行。 item,而不是简单地插入</br>换行符。

    我在这里为你创建了一个JSFiddle,可能有助于展示你需要做什么:https://jsfiddle.net/y3ezy0v6/

    编辑:不使用逗号:https://jsfiddle.net/y3ezy0v6/2/