修改,刪除,增加,節點:文字節點,標籤節點,屬性節點,注釋節點
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...