DOM原生遍歷 獲取 修改節點內容

2021-08-27 04:44:45 字數 887 閱讀 7049

距離上次發表部落格應該已經快有兩個月了吧,從4月到如今我囤了很多草稿,基本都是開了個頭就沒繼續了,一直想找時間把它們完成的,然而各種懶,各種藉口。。。

昨天做了阿里的模擬筆試,時間50min,這個是真正意義上的前端筆試,最後有兩個問答題需要寫點**,做完覺得我可能需要回爐重練了哈哈哈哈哈。。。

講正題,這篇博主要是熟悉如何使用原生操作dom節點,並獲取節點內容。

html主體結構:

段落一first span

段落二second span

段落三third span

name

age 張三

17 李四

43 王五

22 小劉

9 黃三

20

js的一些操作以及說明:

//獲取所有的div

var divs=document.getelementsbytagname("div");

console.log(divs);

//獲取第乙個div下所有的p

var ps=divs[0].getelementsbytagname("p");

console.log(ps);

for(var i=0;i=0;j--)else

} arr[j+1]=temp;

} for(var i=1;i瀏覽器的表現以及列印:

Qt之Dom新增和修改節點

使用qtxml模組dom模式操作xml時,新增修改節點直接使用qdomelement的setnodevalue 方法不起作用,研究好久才發現使用方法有問題,正確方法如下 1 新增節點 qdomelement root doc.documentelement qdomelement newelem d...

原生JS獲取dom元素高度

clientheight,scrollwidth,offsetwidth的區別 用body 測試 網頁實際寬 document.body.clientwidth 網頁實際高 document.body.clientheight 網頁實際寬 document.body.offsetwidth 包括邊線...

前端基礎(十九 DOM 獲取 修改DOM)

dom是文件物件模型的縮寫。通過dom,js能訪問和改變html中的所有元素,dom模型被結構化為物件樹 通過這個物件模型,我們可以在js中對html元素和屬性進行增加 修改和刪除,對css樣式進行修改,還可以增加html事件,並作出反應等。獲取dom元素常用的方法如下 document.getel...