JS加強學習 DOM學習02

2022-08-20 01:36:08 字數 1130 閱讀 1485

innertext

innerhtml

textcontent

區別:innertext只獲取標籤間的文字資訊,不包括其中的標籤,而innerhtml是獲得標籤之間的所有內容包括標籤,而且有些瀏覽器會將獲取的內容原樣輸出,innerhtml是所有瀏覽器都支援,沒有相容性的問題,而innertext是ie8及早期的ie瀏覽器支援的,老版本火狐瀏覽器只支援textcontent不支援innertext。

innertext會原樣輸出,裡面即使有標籤也渲染不出來,會將標籤轉義成文字。

innerthml是可以把字串中的標籤按html的標籤原樣的標籤格式渲染呈現出來。

在討論innertext與innerhtml之間的區別時,會遇到瀏覽器不相容的情況,這就是相容性問題,本質是看瀏覽器是否支援當前物件的屬性或是方法,如果支援就說明是相容,如果不支援,就說明不相容。而在寫**時就需要考慮到使用者的多版本瀏覽器的相容性,我們常會在**中寫一段用於相容各瀏覽器的**。主要原則就是判斷各種不同瀏覽器是否適用某些物件的屬性和方法。

onclick:滑鼠單擊物件時觸發

ondblclick:滑鼠雙擊物件時觸發

onkeyup:按下並釋放鍵盤上的乙個鍵時觸發

onchange:文字內容或下來選單中的選項發生改變時觸發

onfocus:獲得焦點,表示文字框等物件獲得滑鼠游標進入點選時觸發

onblur:失去焦點,表示文字框等物件失去滑鼠游標,滑鼠游標點選在別處後觸發

onload:在頁面或影象載入完成後觸發

onunload:使用者退出或關閉網頁時觸發

onsubmit:表單提交時觸發

onreset:表單重置時觸發

這種方式設定的自定義的屬性無法通過「事件源.屬性」的方式獲取到設定的值,可以通過txt.getattribute("num")的方式來獲取屬性值。

txt.mm = "258";  // 是可以通過 js來設定自定義屬性的

txt.setattribute("lll","7899");  // 可以通過setattribute來設定物件的屬性。

txt.classname = "";  // 將屬性值清空,但是屬性名還存在標籤中。

txt.removeattribute("class"); // 徹底刪除標籤的屬性,將屬性名也刪除。

JS學習筆記 DOM

什麼是dom?文件物件模型 dom 是html和xml文件的程式設計介面。它提供了對文件的結構化的表述,並定義了一種方式可以使從程式中對該結構進行訪問,從而改變文件的結構,樣式和內容。dom 將文件解析為乙個由節點和物件 包含屬性和方法的物件 組成的結構集合。簡言之,它會將web頁面和指令碼或程式語...

JS基礎學習二 DOM

b 獲取節點 b document.getelementbyid nodeid document.getelementsbytagname nodetagname b 樹形操作 b firstchild lastchild childnodes parentnode nextsibling 同級的下...

js中Dom的學習

dom document object model 即文件物件模型,意思是html文件中每乙個元素都是乙個物件節點。節點型別以及對應值如下 需要注意的是 getelementbyid獲得到的是單個節點,而其他方法獲得到的是乙個集合 哪怕最終取到的只有乙個元素 從語義上也能看出來。簡單演示 獲取id為...