Javascript 使用html中的name=“example”值

我创建了一个带有表单的页面，您可以在其中输入名称。 提交名称时，名称存储在名称Bezeichung下。 现在我想使用输入bezeichnung作为按钮标签。并将其附加到页面的正文中

表格如下：

这是另一个html脚本中的函数：

var x = document.getElementsByName("bezeichnung");
var btn = document.createElement("BUTTON");    // Create a <button> element
var t = document.createTextNode(x);            // Create a text node
btn.appendChild(t);                            // Append the text to <button>
document.body.appendChild(btn); 

首先，你的名字是贝泽雄，不是贝泽雄。 另外，getElementsByName返回类似数组的对象。您需要从元素中获取第一项

var x = document.getElementsByName("bezeichnung")[0]; // Get the first 
var btn = document.createElement("BUTTON");    // Create a <button> element
var t = document.createTextNode(x.value);            // Create a text node with x's value
btn.appendChild(t);                            // Append the text to <button>
document.body.appendChild(btn); 

参见示例。我默认添加了文本

var x=document.getElementsByNamebezeichnung[0]； var btn=document.createElementBUTTON；//创建一个元素 var t=document.createTextNodex.value；//创建一个文本节点 btn.appendChildt；//将文本附加到 document.body.appendChildbtn； 新宿站 贝泽雄-德内昂站： 树莓皮IP地址：

---

要获取bezeichnung输入字段的唯一实例，可以使用var x=document.getElementsByNamebezeichnung[0]；或var x=document.getelementbyIDbezeichung

正如Suren Srapyan所说，getElementsByName返回具有该名称的所有元素的数组，因此您需要通过在所需对象的数组中放置位置来指定所指的元素

---

但是，由于您可能只需要一个bezeichnung实例，因此使用getElementById更容易。

尝试使用getElementById更改getElementsByName

var x = document.getElementById("bezeichnung");
var btn = document.createElement("BUTTON");    // Create a <button> element
btn.innerText = x.value;                            // Append the text to <button>
document.body.appendChild(btn);

---

你的HTML中有一个输入错误，你的javascript是否像你的HTML表单一样嵌入在同一个HTML文件中？不，它是在另一个HTML文件中，即。var x=document.getElementsByNamebezeichnung[0]；我的问题是，如果我使用getElementById，按钮中的文本现在为空，但如果我以abc的形式输入，那么应该是abc。如果我使用两个不同的html文件，我是否必须观察到一些情况？如果JavaScript指向两个不同的html文件，则两个按钮中的任何一个都需要具有相同的ID，或者，如果另一个按钮执行不同的操作，则需要为推荐的另一个按钮编写单独的脚本

var x = document.getElementsByName("bezeichnung");
var btn = document.createElement("BUTTON");    // Create a <button> element
var t = document.createTextNode(x);            // Create a text node                         
btn.parentNode.insertBefore(t, btn);        // Append the text to <button>
document.body.appendChild(btn); 

var x = document.getElementById("bezeichnung");
var btn = document.createElement("BUTTON");    // Create a <button> element
btn.innerText = x.value;                            // Append the text to <button>
document.body.appendChild(btn);