DOM

DOM(3):document object model(文档对象模型)

1、七种节点类型:1元素节点(ELEMENT_NODE);3文本节点(TEXT_NODE);7XML文档相关(PROCESSING_INSTRUCTION_NODE);8注释节点(COMMENT_NODE);9文档节点(DOCUMENT_NODE);10文档类型节点(DOCUMENT_TYPE_NODE);11文档片段节点(DOCUMENT_FRAGMENT_NODE)。括号里为常量


2、HTMLCollection与NodeList的区别:

①HTMLCollection实例对象的成员只能是Element节点,NodeList实例对象的成员可以包含其他节点。

②HTMLCollection实例对象可以用id属性或name属性引用节点元素,没有forEach方法;NodeList只能使用数字索引引用。

③querySelectorAll 返回的是 NodeList ,但是实际上是元素集合,并且是静态的,其他接口返回的HTMLCollection和NodeList都是动态的,即取得的结果会随着相应元素的增减而增减。

④node.childNodes 结果返回类型是 NodeList,node.children 结果返回类型是 HTMLCollection。


3、使用node.nodeName属性时,除了svg是小写,其余元素节点的属性值全部为大写的标签名(字符串)。


4、虚拟DOM:非真实的DOM,即在 js 中用HTML的格式写的一个对象就是虚拟 DOM。(表示DOM节点的对象)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容