innerText和textContent的區別

2021-09-25 17:28:14 字數 1255 閱讀 5949

innertext innerhtml

相同點:都可以獲取 或者設定文字內容

不同點: innertext獲取文字內容, 不能獲取標籤,設定文字內容不會解析標籤名直接把標籤名當做文字在頁面中顯示

innerhtml獲取文字內容,會獲取標籤設定文字內容不會解析標籤名,直接把標籤名當做文字解析成標籤文字。

自定義屬性:標籤原本沒有的屬性,程式設計師加的屬性,用於儲存資料的

設定自定義屬性:物件.setattribute(『自定義屬性名』,』自定義屬性值』)

獲取自定義屬性:物件.getattribute(『自定義屬性名』)

移出自定義屬性:物件.removeattribute(『自定義屬性名』)

頁面中最大的物件: document

元素:頁面中的標籤標籤----元素----物件

節點:頁面中的所有內容(標籤 屬性 文字)

節點的屬性:

nodetype:節點的型別 1----標籤節點2----屬性3----文字

nodename:節點的名字標籤 --大寫的標籤名屬 _性—小寫的屬性名 文字—#text冒

nodevalue:節 點的值 標籤—null 屬性----屬性值 文字—文字內容

12行**:

1.父級元素、節點

物件. parentelement

物件. parentnode

2.子級元素、節點

物件.children

物件. childnodes

3.第乙個子級元素、節點

物件.firstelementchild

物件. firstchild

4.最後乙個子級元素、節點

物件. lastelementchild

物件. lastchild

5.上乙個兄弟元素、節點

物件. previouselementsibling

物件. previoussibling

6.下乙個兄弟元素、節點

物件.nextelementsibling

物件. nextsibling

排他:一 組相同結構的元素,其中的乙個單獨設定,其他的

統一設定

排他怎麼排兩件事:

1.先設定所有的元素統一樣式

2.把當前的單獨設定

innerText和textContent的區別

innertext 的值依賴於瀏覽器的顯示結果,textcontent 依賴於原始碼的顯示結果 123 abc輸出結果 innertext 123 abc textcontent 123abc如果乙個元素之間包含了script標籤或者style標籤,innertext是獲取不到這兩個元素之間的文字的...

innerText和innerHtml的區別

innertext 跟innerhtml 是兩個非 dom標準的方法 其區別如圖所示 在ie中 innertext 跟 innerhtml 兩個方法都能正常執行 但是ff裡面的innertext不可用,但是有乙個替代方法 textcontent ie odiv.innertext astring o...

innerText和innerHTML的區別

通過document.getelementbyid users innerhtml,innerhtml會返回如下帶標籤的內容 張三id 1 age 18 gender true name 張三 李四id 2 age 18 gender false name 李四 王二id 3 age 18 gend...