Question

我是编程新手，我接到了一项任务。任务是：

“将字符串”tx_val“放在带有一个像素边框的表格中，用灰色的背景。每行仅使用三个单元格。空单元格应包含单词“null”。 “

我一直在努力想要解决这个问题，但桌子一直出错了。这是我教授给我们的代码：

<html>
<head>
<script language="javascript"> 
<!--
function fred()
{
var tx_val=document.alice.tx.value;
len_tx=tx_val.length




-->
</script>
</head>
<body>
<form name="alice">
<b>Assignment #1 Javascript</b>
<p>
The text box below is named "tx". The form is named "alice".
<p>
<input type="text" name="tx" formname="alice" size="50" value="the quick brown fox jumped over the lazy dogs back">
</form>

Answer 1

我首先在HTML中创建一个空白表：

<table id="mytable"></table>

然后，您可以使用javascript向此表添加行，例如：

var tdNode = document.createElement("td");
var trNode = document.createElement("tr");
tdNode.appendChild(document.createTextNode("sometext"));
trNode.appendChild(tdNode);
document.getElementById("mytable").appendChild(trNode);

请参阅this link以获取相关帮助。

首先，使用tx_val.split(" ")拆分文字，然后根据需要循环显示添加到表格的文字。

对于这样的事情，很多人都喜欢使用jQuery。

Answer 2

> <script language="javascript">

语言属性已弃用十多年，需要输入类型。

> <!--

自1995年以来，脚本标签内的HTML注释分隔符一直没有必要，所以请不要使用它们。

> function fred() { var

变量声明必须包含var关键字，后跟标识符。保持它们在同一条线上是有意义的。

> tx_val=document.alice.tx.value;

将长属性引用串联起来并不是很安全，如果缺少任何引用，则会出现错误。此外，它更兼容（虽然在现代浏览器中不是必需的），并且对于那些维护代码的人来说更加清晰：

var tx_val = document.forms['alice'].elements['tx'].value;

如果您确信链中的所有对象都存在，那么它可以工作，但在较大的应用程序中它不是很强大。

> len_tx=tx_val.length

请记住始终声明变量，否则它们在被赋值时变为全局变量。此外，始终使用分号结束语句。如果你要缩小代码并且这是一个好习惯，那真的很重要：

var len_tx = tx_value.length;

该函数不会返回任何内容（因此即使是练习也几乎没用）并且缺少结束}。

永远不会调用该函数。由于它高于它所引用的元素，因此在将表单添加到DOM之前，您必须等待调用它。

添加一个return语句作为列表行，例如

return len_tx;

在文档中添加一个按钮以调用该函数：

<button onclick="alert(fred());">Call fred()</button>

要向HTML元素添加文本，为其指定ID，使用 document.getElementById 获取引用，然后将文本作为 innerHTML 插入，或者创建一个文本节点并附加它。

如何在Javascript中将字符串中的单词放入表中？

2 个答案: