HTML DOM

1
2
3
4
5
6
7
8
9
10
11
12
/*
*作者:呆萌老师
*☑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);移除结点

posted @   呆萌老师  阅读(26)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示