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('传智大前端');
    });

 

DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    div {
      width: 400px;
      height: 400px;
      background-color: pink;
    }
  style>
head>

<body>
  
  <div id="box">div>


  <script src="jquery-1.12.4.js">script>
  <script>
    $(function () {
      $("#box").append('传智大前端');
    });
  script>
body>

html>

你可能感兴趣的:(jQuery---动态创建节点)