HTML DOM

​

/*
*作者：呆萌老师
*☑csdn认证讲师
*☑51cto高级讲师
*☑腾讯课堂认证讲师
*☑网易云课堂认证讲师
*☑华为开发者学堂认证讲师
*☑爱奇艺千人名师计划成员
*在这里给大家分享技术、知识和生活
*各种干货，记得关注哦！
*vx：it_daimeng
*/

　　

 

HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。 ​

W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。 
 

W3C DOM 标准被分为 3 个不同的部分： 
        核心 DOM - 针对任何结构化文档的标准模型 
        XML DOM - 针对 XML 文档的标准模型 
        HTML DOM - 针对 HTML 文档的标准模型 
 

我们主要来看HTML DOM 
HTML DOM 是： 
        HTML 的标准对象模型 
        HTML 的标准编程接口 
W3C 标准

DOM 节点 
        根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 
                整个文档是一个文档节点 
                每个 HTML 元素是元素节点 
                HTML 元素内的文本是文本节点 
                每个 HTML 属性是属性节点 
                 注释是注释节点 

​

2.获取节点的原生方法

​

3.JS中的节点操作 
写几个常用的API, 来操作DOM节点。 
(1)document.getElementById()这个是最基本的了。 
(2)object.innerHTML该属性设置或返回object之间的HTML 
(3)document.createElement()创建节点对象。 
(4)document.body.appendChild()尾部插入结点。 
(5)object.parentNode.removeChild(oChildNode);移除结点

​