文章目錄
- 十一、使用 JavaScript 制作頁面效果
- 11.1 DOM 編程
- 11.2 在 JS 查找頁面中的元素
- 11.2.1 動態時間
- 11.2.2 全選全不選功能
十一、使用 JavaScript 制作頁面效果
11.1 DOM 編程
DOM 編程(Document Object Model)檔案物件模型
在 DOM 編程中，把整個頁面看成一個 document 物件，其中的 html 元素為具體物件，在 DOM 中的核心在于找到相對應的 HTML 元素物件，然后對進行操作(屬性或樣式的修改)還可以生成新的 HTML 元素物件
11.2 在 JS 查找頁面中的元素
- 通過表單的 name 包含關系找到物件:
document.calForm.num1 - 通過 HTML 元素的 id 屬性獲得某個 HTML 元素物件:
document.getElementById(id) - 通過 HTML 元素的 name 屬性獲得多個 name 屬性值相同的 HTML 元素物件回傳一個陣列，該陣列中存放所有同 name 屬性的物件
document.getElementsByName(name) - 通過 HTML 元素的標簽名獲得多個同標簽的 HTML 元素物件
document.getElementsByTagName(tagName)
11.2.1 動態時間
在頁面上顯示的時間是動態走動的,當頁面啟動時顯示時間,時間分兩種:
- 服務端時間（通過 Java 獲取)；
- 客戶端時間（通過 JS 獲取）,根據每個客戶端上的時間來顯示，
11.2.2 全選全不選功能
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/277694.html
標籤：其他
下一篇：vue 執行順序問題