Javascript 如何使用diff-diff标记创建新元素，如标记p标记等

我试图用javascript创建一些新元素，比如当我点击

锚定

标记时，它应该创建一个新的

锚定

标记，如果我点击

h1

标记，它应该创建一个

h1

标记

这是我已经完成的代码：

标签
p标签
h1标签
h4标签
函数createA（）{
var a=document.createElement（'a'）；
a、 text=“你好”；
document.getElementById（'aTag'）。追加（a）；
}

这可以通过

函数myFunction（）{
var节点=document.createElement（“a”）；
node.innerHTML=“Hi New Link”；
node.setAttribute（“href”https://www.youtube.com");
document.getElementById（“结果”）.appendChild（节点）；
}
函数myFunctionh1（）{
var节点=document.createElement（“h1”）；
node.innerHTML=“嗨，新H1”；
document.getElementById（“结果”）.appendChild（节点）；
}

A单击我
H1点击我\代码>回答检查如果工作良好，然后考虑绿色蜱