課程
/前端開發
/jQuery
/jQuery基礎(二)—DOM篇
暗戀別人好久了,但是別人有男朋友了 , 怎么辦 ?一定要挖嗎 ?
2017-11-17
源自：jQuery基礎(二)—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>動態創建元素節點</h2>
? ? <div class="left">
? ? ? ? <div class="aaron">點擊body區域會動態創建元素節點</div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? 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>
</html>
你先把這個搞懂你就明白了
這TM在前端知識版塊發情感問題我也是服的
奇葩網友無處不在
暗戀不說出來? 別人怎么知道? ?估計女的等你太久了? ? ?你太慫導致現在尷尬的局面? ? ?
就這么有自信能挖到?
打擾了
你問問ta介不介意多一個男朋友
讓她知道你的心意 再祝福她就好
舉報
jQuery第二階段開啟DOM修煉，了解創建、插入、刪除與替換
4 回答這只是個人寫法的習慣嗎？
1 回答一定要用append嗎？
5 回答看不懂理解不了怎么辦
3 回答before和insertBefore有什么區別？
2 回答append appendTo他們是什么區別
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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>動態創建元素節點</h2>
? ? <div class="left">
? ? ? ? <div class="aaron">點擊body區域會動態創建元素節點</div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? 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>
</html>
你先把這個搞懂你就明白了
2019-03-19
這TM在前端知識版塊發情感問題我也是服的
2019-03-13
奇葩網友無處不在
2018-11-04
暗戀不說出來? 別人怎么知道? ?估計女的等你太久了? ? ?你太慫導致現在尷尬的局面? ? ?
2018-10-10
就這么有自信能挖到?
2018-08-01
打擾了
2018-07-30
你問問ta介不介意多一個男朋友
2018-07-24
讓她知道你的心意 再祝福她就好