JS DOM Element方法和屬性

2022-08-09 01:27:14 字數 1483 閱讀 2565

一,獲取html元素

1.getelementbyid(id)

通過對元素的id訪問,這是dom乙個基礎的訪問頁面元素的方法.

example:

測試如果id在元素中不是唯一的,那麼獲得的將是第乙個id.

2.getelementsbyname(name)

僅用於input 

radio checkbox等元素,返回名字為name的元素陣列

example:

當然,上面的功能用document.getelementbyid("test").innerhtml="測試一下"就可實現,遺憾的是,innerhtml不屬於dom.

2,removechild(childreference)

移除當前節點的子節點,並返回節點

a child

3.clonenode(deepboolean)

複製並返回當前的複製節點,由於複製了原節點的id屬性,所以在document樹中要改id屬性,以確保id唯一性.

4,insertbefore(newelment,targetelement)  插入新的節點

在當前節點插入乙個新節點,如果targetelement為null,那新節點為最後節點.

example:

熊掌我所欲也!

三,domelement常用屬性

1、childenodes  返回所有子節點物件,

例如2,innerhtml

這是乙個標準,但它並不書dom

例如:我拉

3,style

這是乙個極其重要的屬性,可以獲取並修改每個單獨的樣式.

例如:document.getelementbytagname("body")[0].style.backgroundcolor="#cccccc"

4、firstchild    返回第乙個子節點

lastchild     

返回最後乙個子節點

parentnode   返回父節點的物件。

nextsibling   

返回下乙個兄弟節點的物件

previoussibling 返回前乙個兄弟節點的物件

nodename 

返回節點的html標記名稱,使用英文的大寫字母,如p, font

5,click() 

執行元素的一次點選,可以用於通過指令碼來觸發onclick函式

setattribute方法:

隱藏div:document.getelementbyid(「啊」).style.display="none"  //block 出現

document.getelementbyid(「啊」).style.disabled="true" 

document.getelementbyid(「啊」).style.readonly="true" 

方法和方法過載

中括號 表示可選 許可權修飾符 特殊修飾符 返回值型別 方法名 引數列表 方法的分類 無論是什麼方法最終一定能夠被歸類到四類中。根據返回值型別和是否有引數列表劃分出來的。無參無返方法 沒有引數 空的 也沒有返回值型別void public void printinfo 無參有返方法 沒有引數 空的 ...

方法和方法過載

方法的語法 方法宣告 訪問修飾符 返回值型別 方法名 引數列表 public void 1.無參無返 沒有引數列表 沒有返回值 單純的作為 功能 的聚合使用 便於功能的復用。public void show 2.無參有返 沒有引數列表 有返回值 單純的只是想通過呼叫某個功能 得到某些結果的時候就可以...

方法和方法過載

目標 1 理解方法的作用 2 掌握方法的基本語法 3 掌握方法的分類 4 掌握方法的方法過載方法 函式 能夠實現某種功能的乙個東西 main方法就是一種方法,前面還用到過其他的方法例如 變數可儲存單一的資料,方法可以儲存功能 段。面向過程是一種以過程為中心的程式設計思想 這些都是以什麼正在發生為主要...