DOM筆記 元素內容插入 獲取合集

2021-10-11 22:11:38 字數 761 閱讀 8870

方法 or 屬性

是否覆蓋原居民

獲取的內容

瀏覽器element.insertadjacenthtml(position, text)

方法不覆蓋xok

element.insertadjacenttext(position, element)

方法不覆蓋xok

element.innerhtml

屬性覆蓋

獲取標籤內,包括html標籤,保留空格換行。

okelement.innertext

屬性覆蓋

獲取標籤內,展示給人看的元素內容,不包含標籤,同時空格和換行也會去掉。

okelement.outerhtml

屬性覆蓋

獲取包含元素本身標籤,包括html標籤,保留空格換行。

oknode.textcontent

屬性覆蓋

會獲取所有元素的內容,但不包含標籤。(js 和 隱藏的內容也會獲取)

ie9+

點我呀

原住民span

原住民span

DOM獲取元素大小

1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小,如果沒有設定,非ie會獲取預設大小,ie會理解為0 var s...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...

angular 獲取 DOM 元素

viewchild配合local template variable 原生元素可以通過local variable獲取。在寫元件時,我們可以直接在元件模版裡給這個 input 標籤加標記 譬如 myinput 然後把標記傳給 viewchild用來獲取該元素。當元件初始化後,你就可以通過 rende...