部落格程式碼記錄語法

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

评论

发表评论

此博客中的热门博文

[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
阅读全文

[DOM]-3.querySelectorAll-可重複選取多個元素

-
<h1 class="titleClass1"><em></em></h1> <h1 class="titleClass1"><em></em></h1> <h1 class="titleClass2"><em></em></h1> <h1 class="titleClass2"><em></em></h1> 1.為什麼原本的方式不能選取多個元素,原因是querySelector只讀取單一的元素 var el1 = document.querySelector('.titleClass1'); el1.textContent = '12345'; 2.從這個寫法就是querySelectorAll選取多個元素形成陣列的寫法 var el1 = document.querySelectorAll('.titleClass1 em'); el1[0].textContent ='123'; el1[1].textContent ='123'; 3.在上個for迴圈章節老師有提到for迴圈跟陣列是朋友可以搭配,利用for迴圈將整個陣列的元素一次將同一個資料列出來 var el2 = document.querySelectorAll('.titleClass2 em'); var el2Len = el1.length; for(var i=0; i<el2Len; i++){ el2[i].textContent='12345'; }
阅读全文