Javascript——（2）DOM

一、DOM

1)直接尋找

（1）document.getElementById()     //根據ID獲取一個標籤；

  (2)   document.getElementsByName()    //根據name屬性獲取標籤集合；

  (3)   document.getElementsByTagName()    //根據標籤名獲取標籤集合；

  (4)   document.getElementsClassName()     //根據Class屬性獲取標籤集合；

2) 操做標籤

　　a.innerText

　　　　獲取標籤中的文本內容；標籤.innerText

　　　　對標籤內部文本進行從新賦值    標籤.innerText = ""

　　b.className

　　　　tag.className       直接總體作操做

　　　　tag.classList.add('className')    在以前的基礎上添加指定樣式；

　　　　tag.classList.remove('className')   刪除當前樣式；

　　c.innerHTML所有內容，找到所要找的標籤，輸出標籤內的全部內容，包括其中的HTML標籤，而innerText只是輸出其中的文本；

　　　當爲innerHTML賦值時，若是有HTML標籤，則之間將對應的標籤轉化爲標籤的效果，而不會當文本輸出；

3）對input標籤來講，假設input的標籤id='i1';則 var obj = document.getElementById('i1'); obj.value的結果爲輸出input中的內容，

若obj.value=‘我愛你中國’；則表示將input的文本框中的內容更新爲：我愛你中國；

4）對select標籤來講，一樣能夠獲取選定的value值，同時也能夠對值進行賦值；select有本身特殊的selectIndex，能夠經過對selectIndex賦索引值也能夠

改變選中的結果；

5）屬性操做：

　　obj.attributs表示獲取某個標籤中的全部屬性，以數組的形式存放，obj.attributes[2]表示獲取屬性列表中的第三個屬性值；

　　obj.setAttributs表示將某個屬性設置爲多少；

　　obj.removeAttributs表示將某個屬性刪除；

 6）插入標籤

　　

七、提交表單

任何一個標籤均可以經過，onclick事件來提交；

八、alert('您輸入的有誤，請從新輸入！！')彈出警示對話框；

　　confirm（）彈出確認對話框；

　　console.log()在當前命令行輸出；

　　location.href獲取當前的url; location.href='https://www.baidu.com';跳轉到百度； location.reload表示刷新，等價於location.href === location.href;

　　var obj = setInterval(函數名，時間)表示每間隔多久執行一次；

　　clearInterval(obj)表示清除定時器；

　　var s1 = setTimeout(function(){},時間) 表示多長時間後開始執行function;

　　clearTimeout(s1)表示清楚setTimeout的函數設置；

九、當前觸發事件的標籤；

　　a、第一種綁定方式；

　　　<tr onmouseover="t1(this);"><td>1</td><td>2</td><td>3</td></tr>

　　　　在事件中添加this，當調用事件函數時，將this傳遞給事件執行函數，就能夠直接應用了，this即表示當前標籤；

　　b、第二種綁定方式：

　　　　<input id='i1' type='button'>

　　　　document.getElementById(''i1).onclick = function(){    函數內部能夠直接應用this}

十、注：this的應用場景爲啥不能用數組解析；

 

 十一、事件中，按執行順序可分爲兩種：一種是捕捉，另外一種是冒泡；具體以下例子：

十二、詞法分析；