HTML DOM

2022/9/6 23:24:22

本文主要是介绍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);移除结点



这篇关于HTML DOM的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程