DOM基本操作

獲取節點的屬性

div.previoussibling;

div.previouselementsibling;

div.nextsibling;

div.nextelementsibling;

div.firstchild;

div.firstelementchild

div.lastchild;

div.lastelementchild

// 封裝了乙個獲取任意父級元素的第乙個子元素的相容版本函式

function getfirstelementchild(element) else
return node;
}}

div.childnodes;//子節點

div.children；//子元素

div.parentnode//父級節點

div.parentelement//父級元素，ie標準

div.innerhtml//獲取或修改子元素的文字結構

div.outerhtml;//自己和子元素的文字結構
div.innertext//獲取或修改文字內容 ，只適用於雙標籤
表單元素.value//獲取或修改表單元素的顯示內容，文字內容不變
// 封裝了乙個獲取標籤之間的文字資訊相容版本函式
function gettext(element) else 
}

div.nodetype;//節點的型別(1------標籤節點，2------屬性節點，3------文字節點)

div.nodename;//節點的名字(大寫的標籤名------標籤節點，小寫的屬性名------屬性節點，#next------文字節點)
div.nodevalue;//節點得值(null-----標籤節點，屬性值------屬性節點，文字內容-----文字節點)

document.body

document.title

document.documentelement

獲取節點的方法

節點.haschildnodes();

document.getelementbyid("id值");

document.getelementsbyclassname("類名")

document.getelementsbyname("name值")

document.getelementsbytagname("標籤")

document.queryselector("選擇器的名字")

document.queryselectorall("選擇器的名字")

div.deletedata(start,length)//將從start處刪除length個字元

div.insertdata(start,新增的內容)//插入文字

div.replacedata(start,length,替換後的內容)//替換文字

splitdata(offset);//在offset處分割文字節點

建立節點

var myp=document.createelement("標籤");//建立乙個標籤節點

var mytext=document.createtextnode("內容");//建立乙個文字節點
var myattr=document.createattribute("屬性名"); //對某個節點建立屬性

在標籤之前插入節點

div.insertbefore(新節點,標籤);

刪除節點

div1.removechild(div2);//刪除div1節點中的div2節點

div.replacechild(新節點,原節點);

let newnode=div.clonenode(true);//true複製所有，false不複製子節點

div.getattribute("屬性名");//獲取為該屬性名的屬性值

div.setattribute("屬性名","屬性值");//設定該屬性名的屬性值

document.defaultview.getcomputedstyle(div,null).屬性名

div.currentstyle.屬性名;

function getstyle(element, attr)

DOM 基本操作

關於dom 1.html 文件可以看成是一棵樹，其中的內容是這棵樹的節點 2.dom 樹上的節點之間有父子關係 兄弟關係 3.節點之間還有順序關係 4.可以通過對 dom 樹的操作來修改 html 文件 文件處理 1.內部插入 培訓 3 prepend content 向每個元素內部的前部新增 di...

dom基本操作

document htmldocument.prototype document.prototype 封裝children方法 element.prototype.mychildren function return arr function retsibling e,n else n else e...

DOM的基本操作

dom是針對於html和xml文件的乙個api 應用程式程式設計介面 是w3c組織推薦的處理可擴充套件標誌語言的標準程式設計介面。在網頁上，組織頁面 或文件 的物件被組織在乙個樹形結構中，用來表示文件中物件的標準模型就稱為dom。當網頁被載入時，瀏覽器會建立頁面的文件物件模型 在dom中，可以將任何...