|zyciis| 如何动态添加a 标签并给他加属性，谢谢

Question

如我有div
<div id="divTest">
</div>然后通过js给他动态添加a标签，效果为
<div id="divTest">
<a href="1.html" class="my">哈哈</a>
<a href="2.html" class="my2">哈哈哈哈</a>
</a>
--------------
谢谢PS：是添加a标签,不是对div.innerHTML赋值

Answer 1

<script>
window.onload=function(){
var div = document.getElementById("divTest");
  var a = document.createElement("a");
  a.href = "1.html";
  a.setAttribute("class", "my");
  a.innerHTML="哈哈";
  div.appendChild(a);
  a = document.createElement("a");
  a.href = "2.html";
  a.setAttribute("class", "my2");
  a.innerHTML="哈哈哈哈";
  div.appendChild(a);
}
</script>
<div id="divTest"> 
</div>

Answer 2

<script>
window.onload=function(){
    var div = document.getElementById("divTest");
  var a = document.createElement("a");
  a.href = "1.html";
  a.setAttribute("class", "my");
  a.innerHTML="哈哈";
  div.appendChild(a);
  a = document.createElement("a");
  a.href = "2.html";
  a.setAttribute("class", "my2");
  a.innerHTML="哈哈哈哈";
  div.appendChild(a);
}
</script>
<div id="divTest"> 
</div>