部落格程式碼記錄語法

-
your code... 
your code...
參考:
卡卡米的記憶體
Peggy's Learning Notes

评论

发表评论

此博客中的热门博文

[DOM]-2.querySelector選擇單一元素

-
1.前面章節幾乎都使用getElementById取ID的方式更改文字內容 <h1 id="title">title</h1> var el1 = document.getElementById('title'); el1.textContent = '123'; 2.querySelector很像Css的＃，再ID名稱前面加# <h1 id="titleId">title</h1> var el2 = document.querySelector('#titleId'); el2.textContent = '1234'; 3.querySelector也可用class，在class名稱前面加. <h1 class="titleClass1">title</h1> var el3 = document.querySelector('.titleClass1'); el3.textContent = '12345'; 4.querySelector也可用html標籤，titleClass2為父元素em為子元素，但這裡是運用querySelector('.titleClass2 em')是要取出em <h1 class="titleClass2"><em>12</em></h1> var el4 = document.querySelector('.titleClass2 em'); el4.textContent = '12356'; codepen
阅读全文

[DOM]-4.setAttribute-增加標籤屬性

-
1.setAttribute來修改a元素的href <h1 class="titleClass"><a href="#">title</a></h1> var el = document.querySelector('.titleClass a'); el.setAttribute('href','http://www.google.com.tw'); 2.setAttribute來修改div元素的Id <div class="str">hello</div> #strId{ color: blue; font-size: 48px; } var el =document.querySelector('.str'); el.setAttribute('id','strId'); 3.getAttribute來取出a元素的href的值，getAttribute可改成textContent來取出文字內容。 或者使用innerHTML來取出資料 <h1 class="titleClass"><a href="#">title</a></h1> var el = document.querySelector('.titleClass a').getAttribute('href'); console.log(el); condepen1 condepen2 condepen3
阅读全文