JS 經典DOM查詢頁面

2021-10-02 12:34:49 字數 645 閱讀 2892

主要是練習dom定位和查詢;

html+js部分

你最喜歡的城市:

你最喜歡的城市:

你手機的作業系統是:

查詢#bj節點

查詢所有li節點

查詢name=gender的所有節點

查詢#city下的所有li節點

返回#city下的所有子節點

返回#phone下的第乙個子節點

返回#bj的父節點

返回#android的前乙個兄弟節點

返回#username的value屬性

設定#username的value屬性

返回#bj文字值

gender:

male

female

name:

css部分:

.

all.

fevor

.buts

.basic

.buts

button

.fevorp.

fevor

li

js原生API 查詢dom

node是乙個介面,許多dom型別從這個介面繼承,並允許類似地處理 或測試 這些各種型別。以下介面都從node繼承其方法和屬性 和 之類的元素,其他等等。其也為文件 document 提供了全域性性的函式,例如獲取頁面的url 在文件中建立新的 element 的函式。它為文件提供全域性的函式,像如...

頁面級別的JS模糊查詢

做專案的時候通過webservice介面查詢出一系列的資訊,但是因為資訊量大,一時找不到自己想要的。所以加入查詢,但是是通過webservice介面查詢的,導致不能後台處理這個查詢。故而寫了一段js。通過輪詢 的td的方法實現模糊查詢。頁面 如下 imo號 航次 英文船名 出發港 imo號 航次號英...

DOM詳解 二 DOM查詢

1.三個元素不用找,可直接獲得 document.documentelement document.head document.body 2.節點間關係 2大類 不常用 何時 只要已經獲得了乙個節點,找周圍節點時 節點樹 包含所有節點 元素,文字 的完整的樹結構 1.父子關係 elem.parent...