1. 程式人生 > >ECMAScript(javaScript) DOM節點四個屬性

ECMAScript(javaScript) DOM節點四個屬性

DOM節點有節點屬性一共有4種 

1.nodeName

這個節點是元素標籤名 他的值為"document"; 

他是一種只讀性的 也就其是不可以修改的

2. nodevalue

text節點 或者 comment 節點 擁有這個屬性 他的值為null;

並且具有可讀寫性 也就是說用這種屬性即可修改 text節點 或者comment節點中的內容

3. nodeType

用於檢視所有節點的型別 包括文件碎片節點 在檢視節點型別的時候會返回一個屬性

元素節點 nodeType 屬性返回 1

屬性節點 nodeType 屬性返回 2

文字節點 nodeType 屬性返回 3

個註釋節點 nodeType 屬性返回 8

docment節點 nody Type 屬性返回 9

docmentFragment節點 body Type 屬性返回11

 他的值為9; 同樣他也是隻讀的 

4.attributes

attributes 屬性返回指定節點屬性的集合 使用 length 屬性確定屬性的數量 遍歷所有的屬性節點提取你想要的資訊

相關推薦

ECMAScript(javaScript) DOM節點屬性

DOM節點有節點屬性一共有4種  1.nodeName 這個節點是元素標籤名 他的值為"document";  他是一種只讀性的 也就其是不可以修改的 2. nodevalue text節點 或者 comment 節點 擁有這個屬性 他的值為null; 並且具有可

js教程系列33 :javascript-DOM節點屬性

name AR set ons alt bbb aaa win ttr 1 設置節點屬性三個方法: 獲取:getAttribute(名稱) 設置:setAttribute(名稱, 值) 刪除:removeAttribute(名稱) 舉個例子: <!DOCTYPE

JavaScript - DOM節點常用屬性

nodeType - 節點型別 (1:為元素節點   2:為為屬性節點   3:文字節點) nodeName - 節點名稱 nodeValue - 節點的值 // HTML 原始碼中的任何內容最終都會轉化為 DOM 樹中的節點。元素轉為元素節點

javaScript DOM節點

next hid body nbsp 屬性 學生 節點 dom節點 元素 1. 例如: <html> <head> <title>節點樹<title/> <head/> <body> <p>

javascript dom節點x

文本 prev 下一個 alt 返回 技術 復制代碼 bili 順序 一,js 獲取元素(父節點,子節點,兄弟節點) var test = document.getElementById("test");  var parent = test.parentNod

javascript dom節點

技術分享 next() ctr test 匹配 新的 就是 div ava 一,js 獲取元素(父節點,子節點,兄弟節點) 按 Ctrl+C 復制代碼 按 Ctrl+C 復制代碼 二,jquery 獲取元素(父節點,子節點,兄弟節點)

JavaScript Dom節點

first 第一個 family 需要 替換 set 修改 ttr ont 整個文檔是一個文檔節點 每個HTML元素是元素節點 HTML元素內的文本是文本節點 每個HTML屬性是屬性節點 註釋是註釋節點 屬性節點和文本節點都屬於元素節點的子節點,因此操作時,需要先選中元素

(8)JavaScript DOM節點的替換

節點的替換: replaceChild(): 把一個給定父元素裡的一個子節點替換成另外一個子節點 var reference = element.replaceChild(newChild,oldChild); 該節點除了替換功能以外還有移動的功能 該方法只能完成單向

position的屬性

Position屬性四個值:static、fixed、absolute和relative的區別和用法   在用CSS+DIV進行佈局的時候,一直對position的四個屬性值relative,absolute,static,fixed分的不是很清楚,以致經常會出現讓人很鬱悶的結果。今天研究了一下

圖解clientHeight,offsetHeight,scrollHeight,scrollTop屬性

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style type="text/css"> 6

事務是什麼?事務的屬性是什麼?

事務是將一系列的sql操作封裝在一個單元中,這個單元叫做事務,事務要嘛都做,要嘛不做,事務可以撤銷。 事務應該具有的四個屬性是ACID; A:原子性 事務中包括的諸操作要麼都做,要麼都不做。 C:一

JavaScript學習 - 基礎(八) - DOM 節點 添加/刪除/修改/屬性值操作

nts pla 屬性 ssm style attribute The width ace html代碼: <!--添加/刪除/修改 --> <div id="a1"> <button id="a2" onclick="add()"&g

(3)JavaScript DOM讀寫屬性節點

獲取屬性節點: 可以通過 元素節點.屬性名 這樣的方式來獲取和設定屬性節點的值 通過元素節點的getAttributeNode 方法來獲取屬性節點 然後在通過nodeValue來讀寫屬性值 <!DOCTYPE html> <html> &l

DOM】(1)通過document獲取頁面節點的三屬性(nodeName、nodeType、nodeValue)

document物件: 1、document物件:代表給定瀏覽器視窗中的HTML文件。 【注意】:頁面文件物件中的任意組成部分都是一個節點。 2、關於元素和節點:

JavaScript HTML DOM節點型別之Document型別(Document物件屬性和Document物件集合屬性

ocument物件使我們可以用JavaScript對 HTML 頁面中的所有元素進行訪問。要訪問 HTML 頁面中元素,除可以用Document物件中的方法外,還可以通過Document物件的屬性。Document物件的屬性和方法中有的可返回單個Element元素物件,有

JavaScript DOM概述(獲取節點的方法/節點的訪問關係/節點建立新增刪除複製/屬性獲取設定刪除)

DOM 概述 document object model 文件物件模型:處理網頁內容的方法和介面 1. 什麼是DOM和節點 - document是文件物件模型的一部分。 - DOM是一個複合的資料型別。 - DOM樹:由節點(Node)組成 - HTML的組

JavaScript中的獲取DOM節點

true rip strong asc on() var ive ins .cn 主要有:document.getElementById,getElementsByClassName,getElementsByTagName,getElementsByName 函數名寫

javascript dom頁面中的location屬性

完整 javascrip url hash name arc () hostname 開始 屬性名稱 host:設置或返回主機名和當前URL的端口號 hostname:設置或 返回當前的URL的主機名 href:設置或返回完整的url,可用於設置跳轉 hash:設置或返回從

JavaScript 操作DOM 節點

cnblogs -1 操作dom -- append com 技術分享 節點 doctype 1、添加DOM節點 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

設置dom節點屬性的代碼優化

stop 相對 方案 關註 cnblogs 很多 top switch 優化 需求:某dom節點在正常情況下,有設置其transition-duration為1s,在mousemove時候,要去掉其transition-duration設置的時間,在mouseup時候,恢復