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>
posted @ 2020-01-19 10:07  jane_panyiyun  阅读(465)  评论(0)  编辑  收藏  举报