JavaWeb筆記 04 js物件(續)

2021-08-21 17:14:42 字數 2581 閱讀 4541

****要操作element物件,必須先獲取elment****

獲取屬性

getattribute("屬性名稱");

設定屬性

setattribute("屬性名稱","屬性值");

刪除屬性

removeattribute("屬性名稱");

此方法不能刪除value值。

獲取標籤下的子標籤

.getelementsbytagname(); 有效方法

.childnodes(); 相容性很差

nodename

nodetype

nodevalue

使用dom解析html時候,需要將html裡的標籤、屬性、文字都封裝成物件。

aaaa

//標籤節點對應的值

var span1 = document.getelementbyid("spanid");

alert(span1.nodetype); //1

alert(span1.nodename); //span

alert(span1.nodevalue); //null

//屬性節點對應的值
var id1 = span1.getattributenode("id");

alert(id1.nodetype); //2

alert(id1.nodename); //id

alert(id1.nodevalue); //spanid

//文字節點對應的值
var text1 = span1.firstchild;

alert(text1.nodetype); //3

alert(text1.nodename); //#text 表示這是乙個文字

alert(text1.nodevalue); //aaaa 文字內容

標籤節點對應的值

nodename 1

nodetype 標籤名稱

nodevalue null

屬性節點對應的值

nodename 2

nodetype 屬性名稱

nodevalue 屬性值

文字節點對應的值

nodename 3

nodetype #text 文字型別

nodevalue 文字內容

父節點:.parentnode

子節點:

.childnodes 得到所有子節點

.firstchild 獲取第乙個子節點

.lastchild 獲取最後乙個子節點

兄弟節點

.nextsibling 得到下乙個兄弟節點

.previoussibing 得到上乙個兄弟節點。

eg:

li.parentnode 是ul

ul.firstchild 是id=1的ul.lastchild 是id=3的

獲取節點

getelementbyid():通過節點的id屬性,查詢對應節點

getelementsbyname():通過節點的name屬性,查詢對應節點

getelementsbytagname():通過節點名稱,查詢對應節點

插入節點

insertbefore(newnode,oldnode):

將 newnode節 點插入到 oldnode 節點之前*用父節點呼叫

刪除節點:removechild():刪除節點,只通過父節點呼叫

替換節點:replacechild(newnode,oldnode)

用 newnode 替換 oldnode ,只能通過父節點呼叫

複製節點:clonenode(boolean) 傳參為boolean型別。

eg: 將ul1 複製到 id="div1"的中

1)獲取ul1

2)複製ul1(副本)

3)獲取div

4)將副本放進 div1中

var ul1 = document.getelementbyid("ul1");   //獲取ul1

var ul1copy = ul1.clonenode(true); //複製ul1(副本)

var div1 = document.getelementbyid("div1"); //獲取div

注:    new節點不存在,建立new節點

1.建立標籤 .createlement()

2.建立文字 .creattextnode()

不是dom的組成部分,但是大多數瀏覽器都支援的屬性

作用:1)獲取文字內容

操作: .innerhtml

2)向標籤裡面設定內容(可以是html**)

操作: .innerhtml = "**或內容"

04js基礎 內建物件 DOM與BOM

js的對話方塊 1.警告框 alert 出現乙個提示資訊 2.詢問框 prompt 返回輸入的值3.確認框 confirm 根據不同的選擇,返回true false js內建物件 1.this 指當前物件 即當前標籤物件 2.for.in in後跟乙個物件,對此物件中的所有元素迴圈一次3.with ...

04JS 偽陣列預解析

函式 把一些重複的 封裝在乙個地方,在需要的時候直接呼叫這個地方的 函式作用 重用 函式的引數 1.形參 函式定義的時候,函式名字後面小括號裡的變數 2.實參 函式呼叫的時候,函式名字後面小括號裡的變數或者值 返回值 1.函式中有return,函式有返回值 2.函式中沒有return,函式沒有返回值...

JavaWeb04 HTML篇筆記(四)

1.1 案例四 使用jquery完成省市二級聯動 1.1.1 需求 在註冊頁面上籍貫的資訊,需要用到省市聯動效果.1.1.2 分析 1.1.2.1 技術分析 jquery的dom操作 常用的方法 remove 將某個元素移除.jquery的遍歷 遍歷的方式一 each objects,functio...