Document節點的基本操作小結

1.Document 對象的概述

每個載入瀏覽器的 HTML 文檔都會成爲 Document 對象。

Document 對象使我們可以從腳本中對 HTML 頁面中的所有元素進行訪問。

提示:Document 對象是 Window 對象的一部分,可通過 window.document 屬性對其進行訪問

2.通過獲取id進行操作

getElementById() 返回對擁有指定 id 的第一個對象的引用。

 例:document.getElementById("id");

3.通過document獲取id對象

var a=document.getElementById("id");

(1).獲取文本

a.innerText

設置對象的文本:

a.innerText=文本

(2).如果id的對象是文本框等可以獲取value

a.value

設置value的值

a.vaue="文本"

(3).如果id的對象是超鏈接<a>標籤

可以重新設置超鏈接地址,詳情見:http://www.w3school.com.cn/jsref/dom_obj_anchor.asp

a.href="www.baidu.com"

4.getElementById() 是一個常用的方法可以定義成一個工具函數

            function id(x) {
                  if (typeof x == "string"){
                      return document.getElementById(x);
                  }
                  return x;
            }

參考自:http://www.w3school.com.cn/jsref/dom_obj_document.asp

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章