課程
/前端開(kāi)發(fā)
/jQuery
/jQuery基礎(chǔ)(二)—DOM篇
暗戀別人好久了,但是別人有男朋友了 , 怎么辦 ?一定要挖嗎 ?
2017-11-17
源自：jQuery基礎(chǔ)(二)—DOM篇 2-1
正在回答
我就是想知道挖到了嗎
小三都這么理直氣壯的嗎？
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .left,
? ? .right {
? ? ? ? width: 300px;
? ? ? ? height: 120px;
? ? }
? ??
? ? .left div,
? ? .right div {
? ? ? ? width: 100px;
? ? ? ? height: 90px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? .left div {
? ? ? ? background: #bbffaa;
? ? ? ? background: yellow;
? ? </style>
</head>
<body>
? ? <h2>動(dòng)態(tài)創(chuàng)建元素節(jié)點(diǎn)</h2>
? ? <div class="left">
? ? ? ? <div class="aaron">點(diǎn)擊body區(qū)域會(huì)動(dòng)態(tài)創(chuàng)建元素節(jié)點(diǎn)</div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? var body = document.querySelector('body');
? ? ? ? document.addEventListener('click',function(){
? ?
? ? //創(chuàng)建2個(gè)div元素
? ? var rightdiv = document.createElement('div')
? ? var rightaaron = document.createElement("div");
? ? //給2個(gè)div設(shè)置不同的屬性
? ? rightdiv.setAttribute('class', 'right')
? ? rightaaron.className = 'aaron'
? ? rightaaron.innerHTML = "動(dòng)態(tài)創(chuàng)建DIV元素節(jié)點(diǎn)";
? ? //2個(gè)div合并成包含關(guān)系
? ? rightdiv.appendChild(rightaaron)
? ? //繪制到頁(yè)面body
? ? body.appendChild(rightdiv)
? ? },false)
? ? </script>
</body>
</html>
你先把這個(gè)搞懂你就明白了
這TM在前端知識(shí)版塊發(fā)情感問(wèn)題我也是服的
奇葩網(wǎng)友無(wú)處不在
暗戀不說(shuō)出來(lái)? 別人怎么知道? ?估計(jì)女的等你太久了? ? ?你太慫導(dǎo)致現(xiàn)在尷尬的局面? ? ?
就這么有自信能挖到?
打擾了
你問(wèn)問(wèn)ta介不介意多一個(gè)男朋友
讓她知道你的心意 再祝福她就好
舉報(bào)
jQuery第二階段開(kāi)啟DOM修煉，了解創(chuàng)建、插入、刪除與替換
4 回答這只是個(gè)人寫(xiě)法的習(xí)慣嗎？
1 回答一定要用append嗎？
5 回答看不懂理解不了怎么辦
3 回答before和insertBefore有什么區(qū)別？
2 回答append appendTo他們是什么區(qū)別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2021-03-26
我就是想知道挖到了嗎
2019-06-19
小三都這么理直氣壯的嗎？
2019-05-07
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .left,
? ? .right {
? ? ? ? width: 300px;
? ? ? ? height: 120px;
? ? }
? ??
? ? .left div,
? ? .right div {
? ? ? ? width: 100px;
? ? ? ? height: 90px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? }
? ??
? ? .left div {
? ? ? ? background: #bbffaa;
? ? }
? ??
? ? .right div {
? ? ? ? background: yellow;
? ? }
? ? </style>
</head>
<body>
? ? <h2>動(dòng)態(tài)創(chuàng)建元素節(jié)點(diǎn)</h2>
? ? <div class="left">
? ? ? ? <div class="aaron">點(diǎn)擊body區(qū)域會(huì)動(dòng)態(tài)創(chuàng)建元素節(jié)點(diǎn)</div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? var body = document.querySelector('body');
? ? ? ? document.addEventListener('click',function(){
? ?
? ? //創(chuàng)建2個(gè)div元素
? ? var rightdiv = document.createElement('div')
? ? var rightaaron = document.createElement("div");
? ? //給2個(gè)div設(shè)置不同的屬性
? ? rightdiv.setAttribute('class', 'right')
? ? rightaaron.className = 'aaron'
? ? rightaaron.innerHTML = "動(dòng)態(tài)創(chuàng)建DIV元素節(jié)點(diǎn)";
? ? //2個(gè)div合并成包含關(guān)系
? ? rightdiv.appendChild(rightaaron)
? ?
? ? //繪制到頁(yè)面body
? ? body.appendChild(rightdiv)
? ? },false)
? ? </script>
</body>
</html>
你先把這個(gè)搞懂你就明白了
2019-03-19
這TM在前端知識(shí)版塊發(fā)情感問(wèn)題我也是服的
2019-03-13
奇葩網(wǎng)友無(wú)處不在
2018-11-04
暗戀不說(shuō)出來(lái)? 別人怎么知道? ?估計(jì)女的等你太久了? ? ?你太慫導(dǎo)致現(xiàn)在尷尬的局面? ? ?
2018-10-10
就這么有自信能挖到?
2018-08-01
打擾了
2018-07-30
你問(wèn)問(wèn)ta介不介意多一個(gè)男朋友
2018-07-24
讓她知道你的心意 再祝福她就好