1. 程式人生 > >面試html部分

面試html部分

pen true dom模型 子節點 之間 cancel nbsp false 存在

1.DOM結構 —— 兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。

DOM是文檔對象模型的簡稱

DOM模型中兩個節點可能存在的關系有兩種:父子關系,兄弟關系。

添加節點:appendChild(Node newNode):將newNode 添加成當前節點的最後一個子節點;

insertBefore(Node newNode,Node refNode):在ref節點之前插入newNode節點;

replaceChild(Node newChild,Node oldChild):將oldChild節點替換成newChild節點。

移除節點:removeChild(oldChild):刪除oldChild子節點。

復制節點:Node cloneNode(boolean deep):復制當前節點,當deep為true時,表示在復制當前節點的同時,復制該節點的全部後代節點,當為false時,表示進復制當前節點。

創建節點:document.createElement(Tag):創建Tag標簽對應的節點。

查找節點:document.queryselectorAll(Tag) 查找符合條件的節點

2.IE和標準DOM事件模型之間存在的差別。

事件類型 ie 標準

阻止冒泡 e.cancelBubbble = true e.stopPropagation()

阻止默認事件 e.returnValue = false e.preventDefault()

目標元素 srcElement target

面試html部分