DOM 訪問節點

dom 是這樣規定的：

整個文件是乙個文件節點

每個 html 標籤是乙個元素節點

包含在 html 元素中的文字是文字節點

每乙個 html 屬性是乙個屬性節點

注釋屬於注釋節點

通過是使用getelementbyid() 和 getelementsbytagname() 方法

通過使用乙個元素節點的 parentnode、firstchild 以及 lastchild 屬性

getelementbyid() 和 getelementsbytagname()

方法，可查詢整個 html 文件中的任何 html 元素

getelementbyid()是通過指定元素的id進行查詢

語法：document.getelementbyid("id");  //id是對應控制項的id

getelementbyid()是通過指定元素的id進行查詢

getelementbyname()是通過指定元素的name進行查詢

語法：document.getelementbyname

("name"); //name是對應控制項的name屬性

getelementsbytagname()是通過元素的標籤進行查詢

語法：document.getelementsbytagname("標籤名稱"); //元素的標籤 

例如：document.getelementsbytagname("p"); //這個例子會返回文件中所有 元素的乙個節點列表

john

doealaska

在上面的html**中，第乙個 是 元素的首個子元素（firstchild），而最後乙個 是 元素的最後乙個子元素（lastchild）。

此外，是每個 元 素的父節點（parentnode）。

var x=[a paragraph];

var text=x.firstchild.nodevalue; 

x.parentnode.removechild(x); 

首先，您需要找到帶有指定 id 的節點，然後移至其父節點並執行 removechild() 方法。

有兩種特殊的文件屬性可用來訪問根節點：

document.documentelement

document.body

第乙個屬性可返回存在於 xml 以及 html 文件中的文件根節點。

第二個屬性是對 html 頁面的特殊擴充套件，提供了對 標籤的直接訪問。

document.body.innertext 和 document.body.innerhtml

訪問受控的dom節點

要訪問受react控制的dom節點 即父元件訪問子元件 利用子元件的ref屬性，從而獲得子元件的引用 注意 1 ref的值是唯一的 2 通過this.refs訪問的節點為v dom節點，不能直接操作 要讓訪問的v dom變成可操作 finddomnode方法 是reactdom模組的方法，主要用於根...

訪問DOM物件指定節點

一 介紹 使用getelementbyid 方法來訪問指定id的節點，並用nodename屬性 nodetype屬性和nodevalue屬性來顯示出該節點名稱 節點型別和節點值。1 nodename屬性 該屬性用來獲取某乙個節點的名稱。sname obj.nodename sname 字串變數用來儲...

訪問DOM物件指定節點

一 介紹 使用getelementbyid 方法來訪問指定id的節點，並用nodename屬性 nodetype屬性和nodevalue屬性來顯示出該節點名稱 節點型別和節點值。1 nodename屬性 該屬性用來獲取某乙個節點的名稱。sname obj.nodename sname 字串變數用來儲...