Question

我在使用javascript执行功能时遇到问题就像她接受表格数据并在下面列出我是这样的

<pre>

> function changeText2 () {
>         var assembly = ['staff', 'description']
>         var node = document.createElement ("LI");
>         var textnode = document.createTextNode (assembly);
>         node.appendChild (textnode);

 document.getElementById ("demo"). appendChild (node);
     </pre>

仅返回ID“ staff”和“ description”

我希望您输入几个信息一个例子我要你做的几乎就是这个

仅在多个校园中使用

Answer 1

将其更改为以下内容。别忘了按照JSfiddle链接

中的说明对HTML进行相应的修改。

const list = document.getElementById('demo');

  const changeText2= () => {
         let staff = document.getElementById('staff').value;
         let desc = document.getElementById('desc').value;

         let node = document.createElement ("LI");
         let textnode = document.createTextNode(`${staff}, ${desc}`);
         node.appendChild (textnode);
 document.getElementById ("demo"). appendChild (node);

}

https://jsfiddle.net/1gjs789f/

要扩展代码，首先，您没有指定是否要从HTML DOM中指定的字段中获取输入。为此，您可以分别在特定字段上调用getElementById（在本例中为“ staff”和“ desc”，根据您的代码示例），然后对它们调用.value函数以从字段中获取值。

然后，配置将在LI元素内显示的文本。

在我的示例中使用ES6的``和$ {}结构非常简单，但是如果发现更简单，也可以使用下面的示例。我可能会争辩说，即使我更喜欢ES6方式，它的确确实使人眼中更容易。

let textnode = document.createTextNode(staff + ", " + desc);

最后，附加文本节点，然后附加li元素。完成。

我无法捕获多个表格并列出JavaScript

1 个答案: