jQuery---动态创建节点

动态创建节点

js的方法

     var box = document.getElementById("box");      var a = document.createElement("a");      box.appendChild(a);      a.setAttribute("href", "http://web.itcast.cn");      a.setAttribute("target", "_blank");      a.innerHTML = "传智大前端";

jquery的方法

    $(function () {      $("#box").append(''<a href="http://web.itcast.cn" target="_blank">传智大前端</a>'');    });

<!DOCTYPE html><html lang="zh-CN"><head>  <meta charset="UTF-8">  <title>Title</title>  <style>    div {      width: 400px;      height: 400px;      background-color: pink;    }  </style></head><body>  <!--<a href="http://web.itcast.cn" target="_blank">传智大前端</a>-->  <div id="box"></div>  <script src="jquery-1.12.4.js"></script>  <script>    $(function () {      $("#box").append(''<a href="http://web.itcast.cn" target="_blank">传智大前端</a>'');    });  </script></body></html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。