常用的dom方法
document.getelementbyid(「box」);//通過id獲取標籤
document.getelementsbytagname(「div」);根據標籤名獲取頁面元素
注意：由於獲取結果可能是多個，element後面要加s
根據標籤獲取的結果是偽陣列形式，偽陣列是不具備陣列的方法。
要操作偽陣列中的所有元素需要遍歷偽陣列。
根據標籤名獲取元素時，有可能獲取到的標籤只有乙個，但是形式還是偽陣列。
根據標籤名獲取時，document可以更換為任意標籤
在box中獲取li標籤。
注意： 根據id獲取的時候，前面只能寫document12
3456
78910
11這裡寫描述
- document.getelementsbyclassname(「box1」) 根據類名獲取頁面元素
- window.onload()中的**會在頁面完全載入後執行。
設定標籤的樣式等方法
對標籤的樣式設定使用.style
var box=document.getelementbyid("box");
box.style.width="100px";
box.style.backgroundcolor="#ff00000"//帶有段橫線的屬性要是用駝峰命名的方式。12
3設定標籤的內容。
box.innerhtml=」哈哈」；
事件型別
- 點選事件 onclick
- 滑鼠移入 onmouseover
- 滑鼠移出 onmouseout
類名屬性
訪問標籤的類名屬性通過 標籤.classname
標籤預設事件
某些標籤具有預設的效果，例如a標籤的跳轉，有時候我們不想要這種效果，可以在事件最後加上return false;
這裡寫描述
迴圈新增事件
當我們進行迴圈新增事件的時候，在事件內部不能使用i，因為i的值已經是迴圈的結束條件那個值了（根據迴圈設定的具體情況而定）。12
3456
78焦點事件
onfocus 文字框獲取焦點時觸發事件
onblur 失去焦點時觸發事件
表單的常用屬性：
input獲取內部文字 使用value ipt.value
表單的屬性
（不太常用）禁用表單 ipt.disabled 可以給表單禁用。設定值為true表示禁用，false表示啟用
核取方塊選中 cb.checked 值為true表示選中 值為false表示沒選中
下拉列表選中 doudou.selected 值為true表示選中，為false表示沒選中
全選反選的案例
方式一：使用flag（需要掌握）
這裡寫描述
方式二：不使用flag
這裡寫描述
樣式相關
樣式表有三種方式
內嵌樣式（inline style）：是寫在tag裡面的，內嵌樣式只對所有的tag有效。
內部樣式（internal style sheet）：是寫在html的裡面的，內部樣式只對所在的網頁有效。
外部樣式表（external
style
sheet）：如果很多網頁需要用到同樣的樣式(styles)，將樣式(styles)寫在乙個以.css為字尾的css檔案裡，然後在每個需要用到這些樣式(styles)的網頁裡引用這個css檔案。
var john=document.getelementbyid("john").getattributenode("name");//這樣獲取到的就是乙個屬性節點。
hohn.nodevalue=節點.getattrbute("name");12
34獲取到的節點的節點值相當於getattribute獲取的值。
所以我們一般不是用屬性節點進行操作。
js原生dom操作
1.建立元素 var a document.createelement a var node1 document.createelement div var node2 document.createtextnode hello world 2.新增子元素 刪除子元素 document.body.r...
原生JS操作DOM
複製 var one document.queryselector one one.style.color blue 複製 1.getelementsbyclassname 2.queryselectorall 複製 因為js獲得的節點中返回所有類是乙個陣列，所以要對其進行迴圈控制 用迴圈長度的方式...
js常見的原生dom操作總結
node是乙個介面，中文叫節點，很多態別的dom元素都是繼承於它，都共享著相同的基本屬性和方法。常見的node有element，text，attribute，comment，document等 所以要注意節點和元素的區別，元素屬於節點的一種 node有乙個屬性nodetype表示node的型別，它是...