如何在javascript中创建显示在输出旁边的按钮？我包括更多的规格内

在我的html文件中，我有一个div标记，用于添加外部Javascript文件的输出，如下所示

<div id="section" class="format" align="left"></div>

output+="Location: ";
output+=x[i].getElementsByTagName("location")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Well Depth: ";
output+=x[i].getElementsByTagName("welldepth")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Perf Depth: ";
output+=x[i].getElementsByTagName("perfdepth")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Perf Zone: ";
output+=x[i].getElementsByTagName("perfzone")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Stroke: ";
output+=x[i].getElementsByTagName("stroke")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Stroke/min: ";
output+=x[i].getElementsByTagName("strokepermin")[0].childNodes[0].nodeValue;

现在，下一段代码是输出，它被传递到之前的代码，并显示在网页上。我想添加一个按钮，它显示在html文件中位置输出的右边，代码如下所示

<div id="section" class="format" align="left"></div>

output+="Location: ";
output+=x[i].getElementsByTagName("location")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Well Depth: ";
output+=x[i].getElementsByTagName("welldepth")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Perf Depth: ";
output+=x[i].getElementsByTagName("perfdepth")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Perf Zone: ";
output+=x[i].getElementsByTagName("perfzone")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Stroke: ";
output+=x[i].getElementsByTagName("stroke")[0].childNodes[0].nodeValue + " ";
output+="<br>";
output+="Stroke/min: ";
output+=x[i].getElementsByTagName("strokepermin")[0].childNodes[0].nodeValue;

我认为它很接近，但我希望按钮靠近位置输出，而不是在输出之后，如图所示

问题是，虽然输出是基于搜索和代码将输出分配给此行

document.getElementById("section").innerHTML = output;

处于循环中，因为可以从搜索中获得多个结果

我不确定如何在位置输出旁边创建一个按钮

---

多谢各位

不清楚你想做什么。由于要将输出的值指定给div的innerHTML属性，因此可以只在值中包含按钮的标记，例如

output+=x[i].getElementsByTagName("location")[0].childNodes[0].nodeValue +
        " <button>Do something</button>";

表格{
边界塌陷：塌陷；
边框顶部：1px实心#999999；
左边框：1px实心#999999；
}
th{
文本对齐：左对齐；
}
th，td{
右边框：1px实心#999999；
边框底部：1px实心#999999；
右边填充：10px；
左侧填充：5px；
}

---

在将标记的每个部分分配给输出时，为什么不简单地为按钮添加标记？可以向输出变量添加按钮吗@RobGHow你会怎么做呢？我把它添加到传递输出的函数部分，它覆盖了var btn=document.createElement（“BUTTON”）；//创建元素var t=document.createTextNode（“单击我”）；//创建文本节点btn.appendChild（t）；//将文本追加到document.getElementById（“buttonID”）.appendChild（btn）；你好，RobG，添加代码“Dosomething”效果很好，如果以这种方式实现，您将如何向按钮添加事件？非常感谢Rob@RobG