什么是DOM?
通俗地讲DOM就是浏览器为 JavaScript提供的一系列接口(window.document),通过这些接口可以操作web界面。但DOM并不是编程语言,它是文档对象的模型,该模型是独立于编程语言的.
- DOM节点有一个nodeType属性用来表示当前元素的类型,它是一个整数:
- Element,元素
- Attribute,属性
- Text,文本
- DOM的创建、查询、更改、属性操作
- DOM节点创建最常用的便是document.createElement和document.createTextNode方法(这是直接将文本内容插入)
- DOM节点的查询,就是各种选择器(.querySelector与.querySelectorAll).还提供了很多相对元素的查询方法( ele.parentElement)
- DOM节点的更改:
- ele.appendChild(el);添加子元素
- ele.removeChild(el);删除子元素
- ele.replaceChild(el1, el2);替换子元素
- parentElement.insertBefore(newElement, referenceElement);插入子元素
- DOM节点的属性操作:
- getAttribute,setAttribute,hasAttribute,removeAttribute,hasAttributes
- innerHTML与outerHTML的区别?
- innerHTML:内部HTML,content
- outerHTML:外部HTML,
- jQuery的html()与innerHTML的区别?
- jQuery的.html()会调用.innerHTML来操作,但同时也会catch异常,然后用.empty(),.append()来重新操作。