DOM物件的定義與基礎運用

2022-07-10 02:15:11 字數 823 閱讀 6437

dom物件就是當網頁被載入時,瀏覽器會建立頁面的文件物件模型(document object model)

其作用 一是能夠自主設定或改變html元素的值    二是能夠在html元素上執行一系列動作。

1.查詢元素、

document.getelementbyid()    通過id

document.getelementsbytagname()  通過標籤屬性

document.getelementsbyclassname()  通過class

2.改變元素、

document.getelementbyid().innerhtml   這種在改變後會連帶顯示新增的標籤

document.getelementbyid().innertext     這種在改變後會完全的顯示修改的內容,寫入標籤會為文字形式一併出現

document.getelementbyid().attribute= new value;        修改屬性

document.getelementbyid().setattribute(attr,val);         修改屬性

document.getelementbyid().style.property= new style; 修改樣式

JQuery物件與DOM物件

開始以為jquery的 id 與 js的document.getelementbyid id 是一樣的。但是當我對select使用selectedindex屬性的時候,發現前者不可以,而後者可以。原來,jquery的 id 返回的是乙個jquery物件,用document.getelementbyi...

Dom物件與Jquery物件

頁面中有id aa jquerya 測試發現 aa document.getelementbyid aa 二者都是物件,但前者是jquery物件,後者是dom物件。區別 jquery物件不能使用dom物件的屬性,當然dom物件也不能使用jquery物件的方法。二者轉換 普通的dom物件一般可以通過 ...

Dom物件與Jquery物件

頁面中有id aa jquerya 測試發現 aa document.getelementbyid aa 二者都是物件,但前者是jquery物件,後者是dom物件。區別 jquery物件不能使用dom物件的屬性,當然dom物件也不能使用jquery物件的方法。二者轉換 普通的dom物件一般可以通過 ...