<body>? ? <h2>動態創建元素節點</h2>? ? <button>點擊通過jQuery動態創建元素節點</button>? ? <script type="text/javascript">? ? var $body = $('body');? ? $body.on('click', function() {? ? ? ? //通過jQuery生成div元素節點? ? ? ? var div = $("<div class='right'><div class='aaron'>動態創建DIV元素節點</div></div>")? ? ? ? $body.append(div)? ? })? ? var body = document.querySelector('body');? ? document.addEventListener('click',function(){? ? ?//創建2個div元素? ? ?var rightdiv = document.createElement('div')? ? ?var rightaaron = document.createElement("div");? ? ?//給2個div設置不同的屬性? ? ?rightdiv.setAttribute('class', 'right')? ? ?rightaaron.className = 'aaron'? ? ?rightaaron.innerHTML = "動態創建DIV元素節點";? ? ?//2個div合并成包含關系? ? ?rightdiv.appendChild(rightaaron)? ? ?//繪制到頁面body? ? ?body.appendChild(rightdiv)? ? },false)? ? </script></body>
1 回答
- 1 回答
- 0 關注
- 1586 瀏覽
添加回答
舉報
0/150
提交
取消