Javascript 需要参考元素的帮助吗

我知道我在问一些非常简单的问题，但我是个初学者，这是学习的过程。我有这个代码，但我不知道如何使它工作。我期望的输出是在单击按钮后激活function insertAfter并添加我将要编写的文本/段落

我尝试过：onclick='insertAfter（test，index.this）' 它不起作用，安慰说它没有定义

var content = "";
Applications.forEach(generatetable);


function testfn(index, tdElement) {
        console.log(tdElement.parentElement);
        console.log(index);
        console.log(Applications[index].Name);


}
function generatetable(item, index, arrays) {

        var columns = "";

        columns = columns + "<td onclick='testfn(\"" + index + "\", this)'>" + "<button onclick='insertAfter(test?,???)' type=\"button\">Click Me!</button>" + item.UAID + "</td>";
        columns = columns + "<td>" + item.Name + "</td>";
        columns = columns + "<td>" + "<a href='www.wahtever.com'>map</a>" + "</td>";

        content = content + "<tr>" + columns + "</tr>";


}
var test = "<tr><td>fsdf</td></tr>";

document.getElementById("table").innerHTML = content;


function insertAfter(newNode, referenceNode) {
        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

var content=”“；
应用程序。forEach（可生成）；
函数testfn（索引，tdElement）{
console.log（tdElement.parentElement）；
控制台日志（索引）；
console.log（应用程序[index].Name）；
}
函数generatetable（项、索引、数组）{
var列=”；
columns=columns++“单击我！”+item.UAID+”；
columns=columns+“”+项目名称+“”；
columns=columns++++；
内容=内容+“”+列+“”；
}
var test=“fsdf”；
document.getElementById（“表”）.innerHTML=content；
函数insertAfter（newNode，referenceNode）{
referenceNode.parentNode.insertBefore（newNode，referenceNode.nextSibling）；
}

---

它应该插入一个段落，最好是我在测试变量中输入的内容，但如果有更好的解决方案，请告诉我。

您未定义，因为asd和ofc未定义。。。无论如何，您需要传递参数：onclick=“insertAfter（？）”我不知道放在那里的是什么，我知道引用节点需要是单击按钮旁边的节点，新节点是test。我已经编辑了它，所以有一个测试，我以前把它放在那里，但下一个应该是什么？你能在这里包括一些HTML，这样我们就可以看到代码在运行吗？你没有定义，因为asd和ofc都没有定义。。。无论如何，您需要传递参数：onclick=“insertAfter（？）”我不知道放在那里的是什么，我知道引用节点需要是单击按钮旁边的节点，新节点是test。我已经对它进行了编辑，所以在我之前放置的地方有一个测试，但是下一个测试应该是什么呢？你能在这里包含一些HTML吗？这样我们就可以看到实际的代码了吗？