`
haking
  • 浏览: 264380 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

HTML DOM W3CSchool 学习笔记

    博客分类:
  • Web
 
阅读更多

1. HTML DOM
HTML 文档对象模型(HTML Document Object Model)定义了访问和处理 HTML 文档的标准方法。
通过 JavaScript,您可以通过HTML DOM重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

 

2. 节点

DOM 是这样规定的:

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

每一个 HTML 属性是一个属性节点

注释属于注释节点

 

3. 访问节点

通过使用 getElementById() 、getElementsByName() 和 getElementsByTagName() 方法

通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性

通过document.documentElement或document.body访问根节点

 

4. 节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是:

nodeName(节点名称)

nodeValue(节点值)

nodeType(节点类型)

 

nodeName 属性含有某个节点的名称。
元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType
nodeType 属性可返回节点的类型。
最重要的节点类型是:
元素类型     节点类型
元素             1
属性             2
文本             3
注释             8
文档             9

 

5.HTML DOM 对象参考

http://www.w3school.com.cn/htmldom/htmldom_reference.asp

 

 

 

 

分享到:
评论

相关推荐

    vue w3cschool学习笔记

    在“vue w3cschool学习笔记”中,我们可以看到多个关键知识点,包括Vue的安装与运行、实例化、模板语法、指令、用户输入、过滤器、条件判断、循环语句、计算属性以及事件处理等。 1. **安装与运行**: 使用`cnpm ...

    W3CSchool(全套教程最新版_2012)

    W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套教程最新W3CSchool(全套...

    常用web开发工具 w3cschool菜鸟教程20141021

    常用web开发工具 w3cschool菜鸟教程20141021常用web开发工具 w3cschool菜鸟教程20141021常用web开发工具 w3cschool菜鸟教程20141021常用web开发工具 w3cschool菜鸟教程20141021常用web开发工具 w3cschool菜鸟教程...

    W3Cschool官方手册离线版

    w3cschool官方手册离线版,最新中文版 w3cschool官方手册离线版,亲测可用

    W3CSchool.chm

    W3CSchool.chm中详细讲解了JavaScript的基础语法、DOM操作、事件处理、Ajax异步通信,以及现代JavaScript特性如ES6+的新特性,如箭头函数、模板字符串、Promise等。 4. **XML**:可扩展标记语言(XML)用于数据交换...

    中文完整W3CSchool.chm

    《中文完整W3CSchool.chm》是一款专为中文用户设计的在线学习资源库,它以CHM(Compiled Help Manual)格式提供,包含了丰富的Web开发和技术教程。CHM是一种由微软开发的帮助文件格式,用于存储HTML文档和其他相关...

    w3cschool离线版教程chm版本2017年11月5号更新

    w3cschool离线版教程chm版本2017年11月5号更新。包含w3cschool的全部内容

    w3cschool中文教程.chm.zip

    《w3cschool中文教程》是一个综合性的在线学习资源,主要涵盖了互联网开发的多个关键领域。这个压缩包包含了HTML、CSS、XML、JavaScript (JS)、JSON、PHP、SQL、ASP、ADO、VB、Web技术、AJAX以及jQuery等多个主题的...

    w3cschool 源码

    W3CSchool是知名的在线学习平台,为初学者提供了丰富的Web开发教程,包括HTML、CSS、JavaScript等。这个源码包意味着它包含了构建一个与w3cschool官网类似的静态网站的所有必要文件。 首先,我们要理解HTML的基本...

    w3cschool菜鸟教程离线版( 完整 )

    《w3cschool菜鸟教程离线版(完整)》是一个包含丰富IT学习资源的压缩包,其中主要聚焦在Web开发的基础技术,如JavaScript和HTML。这个离线版本为那些无法联网或者希望随时随地学习的用户提供了一个方便的学习平台。...

    仿w3cschool整站源码 v1.5

    【标题】"仿w3cschool整站源码 v1.5"是一个基于PHP开发的网站源代码,其目标是模仿知名的在线学习平台W3CSchool的网站布局、功能和用户体验。这个源码版本为1.5,意味着它是对早期版本的改进,可能包括修复已知的...

    W3CSchool帮助文档

    【W3CSchool帮助文档】是一份非常宝贵的在线学习资源,尤其对于初学者和Web开发者而言,它提供了全面且易懂的HTML查询帮助。W3CSchool是全球知名的Web技术学习平台,以其详尽的教程、实例和互动式练习而闻名。这份...

    W3Cschool 破解版离线教程

    破解版,W3Cschool 破解版离线教程,方便查找各种标签,是编程的好助手

    W3CSchool全套教程

    W3CSchool的JavaScript教程涵盖了变量、数据类型、运算符、控制流、函数、对象、DOM操作等核心概念,还涉及到AJAX、jQuery库等实用技术。 4. Web API与框架:随着Web开发的发展,JavaScript库和框架的使用越来越...

    w3cschool菜鸟教程离线版chm手册 2016

    w3cschool菜鸟教程离线版目录: HTML / CSS 学习 HTML 学习 HTML5 学习 CSS 学习 CSS3 学习 Bootstrap ASP.NET 学习 ASP.NET 学习 C# 学习 Web Pages 学习 Razor 学习 MVC 学习 Web Forms JavaScript 学习 ...

    w3cschool学习资料

    【w3cschool学习资料】 w3cschool是全球知名的在线学习平台,专注于提供Web开发相关的教育资源,包括HTML、CSS、JavaScript、PHP、SQL等多种技术。这个“w3cschool学习资料”压缩包包含了丰富的教程和实践案例,是...

    W3Cschool chm 学习手册

    W3Cschool.chm 学习手册包含: HTML 4.01 XHTML 1.0 HTML 5 CSS 2.0 JavaScript VBScript HTML DOM XML DOM ASP ADO ASP.NET PHP 5.1 XSLT 1.0 XPath 2.0 XSL-FO WML 1.1 HTML 颜色

    W3CSchool教程.chm

    W3CSchool的JavaScript教程将涵盖变量、数据类型、运算符、控制流语句、函数等基础知识,以及DOM操作、AJAX异步通信、事件处理等高级话题。此外,还可能涉及ES6及以上的最新特性,如箭头函数、模板字符串、Promise和...

    W3CSchool文档中文版

    《W3CSchool文档中文版》是一份非常全面的在线学习资源,专为中文用户设计,旨在帮助初学者和有经验的开发者深入理解和掌握网页制作技术。这份文档覆盖了从HTML、CSS到JavaScript等关键领域的知识,是互联网开发者的...

    w3cschool菜鸟教程(w3cschool.cc).7z

    《w3cschool菜鸟教程(w3cschool.cc)》是一个知名的在线学习平台,专注于提供丰富的Web技术教程,包括HTML、CSS、JavaScript、PHP、SQL等。这个压缩包文件包含了该平台的部分教学资源,主要是一个名为“w3cschool...

Global site tag (gtag.js) - Google Analytics