js 1 DOM操作練習

2022-08-19 01:30:10 字數 749 閱讀 9921

注意: 

1、好像只有在ie瀏覽器中才不會計算節點與節點之間的空格

2、document屬於window,所以document可以寫成window.document,window是可以省略的

知識點: 

1、parentnode: 獲取指定節點的父節點

2、previoussibling: 返回某個節點緊跟的前乙個節點(要處於同一樹層級中)

nextsibling: 返回某個節點緊跟的後乙個節點(要處於同一樹層級中)

3、firstchild: 訪問子節點的第一項

lastchild: 訪問子節點的最後項

實現:

1、通過id=divs改變第乙個大div的顏色

2、通過id=divs改變第二個大div的顏色

3、通過id=divs改變p標籤的背景顏色

**如下:

dom案例title>

function onclicks()

script>

head>

段落p>

這是div的內容div>

鏈結a>

div>

abcdefge

div>

body>

html>

Js操作 DOM操作

一 節點屬性 dom 是樹型結構,相應的,可以通過一些節點屬性來遍歷節點樹 方法說明 nodename 節點名稱,相當於tagname.屬性節點返回屬性名,文字節點返回 text。nodename,是唯讀的。nodetype 節點的型別,返回值 1,元素節點 2,屬性節點 3,文字節點。nodety...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...

js操作dom節點

1.訪問節點 document.getelementbyid id 返回對擁有指定id的第乙個物件進行訪問 document.getelementsbyname name 返回帶有指定名稱的節點集合 注意 elements document.getelementsbytagname tagname ...