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