DOM節點的查詢

2022-04-11 12:37:17 字數 1149 閱讀 3518

修改,刪除,增加,節點:文字節點,標籤節點,屬性節點,注釋節點

document.getelementbyid()通過id查詢,返回節點本身

document.getelementsbytagname()通過標籤查詢,返回陣列

document.getelementsbyname()通過屬性查詢,返回陣列

js列印陣列型別時理解成object。typeof()

早期瀏覽器認為只有表單中元素有name屬性,所以getelementsbyname()只對表單發揮作用,

後來部分瀏覽器把name屬性擴充套件到一般元素如div,但是ie沒有變

因此出於相容性,我們一般只在表單中使用getelementsbyname()

節點屬性:

節點.childnodes 返回所有子節點陣列,陣列中節點排序和html文字出現順序一致

節點.children除了空白文字節點的子節點陣列, 這不是w3c標準,但是主流瀏覽器都適用      節點.children[index]

節點.parentnode 查詢父元素

(節點.firstnode  節點.lastnode

節點.nextsibling   節點.previoussibling)這四個也受空白節點影響,不建議使用

所有的元素都能用style-css來控制,都有乙個屬性或者叫子物件叫style物件

修改樣式:節點.firstnode.style.background=「blue」;

選中具體元素後還能用getelementsbytagname(),其他兩中方法不行!

系統函式:

兩台計算機做通訊,有可能發json,xml,也可以直接傳送js**

eval("alert('dfsfdf')");//執行一段js** 

isfinite()//判斷是否有限

isnan()//判斷是不是非數字

parseint()//把字串字首的數字部分解析成整型,如果不是數字,返回nan

parsefloat()//把字串字首的數字部分解析成浮點型

dom 查詢元素節點

var div document.getelementsbytagname div 0 查詢元素節點,方法會存在一些相容性問題,ie低版本瀏覽器不支援 console.log div.parentelement 父元素節點 console.log div.children 子元素節點 console...

DOM節點的建立 插入 刪除 查詢 替換

使用的命令是 var odiv document.createelement div 這樣就建立了乙個div標籤。移動dom節點也就是把這個節點插入到html文件中的某個地方,這裡js給了我們兩個方法 把div插入到body中,並且位於末尾 2.insertbefore 把節點插入到父節點的某個兄弟...

DOM節點的插入

動態建立的元素是不夠的,它只是臨時存放在記憶體中,最終我們需要放到頁面文件並呈現出來。那麼問題來了,怎麼放到文件上?這裡就涉及到乙個位置關係,常見的就是把這個新建立的元素,當作頁面某乙個元素的子元素放到其內部。針對這樣的處理,jquery就定義2個操作的方法 簡單的總結就是 2 dom外部插入aft...