HTML DOM入门1:DOM元素的常见方法及其属性

1.HTML DOM简介

DOM指Document Object Model ,文档对象模型,利用DOM可以将html的数据当作对象处理。它的优点是,方便程序和脚本动态地访问、更新文档的内容、结构和样式。

Document对象的继承结构:
1.共同父类是Root Element:<html>
2.子类包括头文件head ,另外还有body 等

DOM包括核心DOM、XML DOM 以及HTML DOM,顾名思义,HTML DOM针对的是HTML文档。

2.HTML DOM 元素(document)的组织形式:节点

HTML DOM把所有内容都看作树中的节点。比如,下面的代码中:
(1)<html>是root,拥有firstChild:<head>和lastChild: <body>
(2)<head>和<body>;<p1>和<p2>互为Sibling.
注意:由于p1和p2之间有一个空格。空格是一个文本。因此body的childNodes个数为三个而非两个。(除了空格之外,换行符、字符、字符串也有类似效果)(但Children个数似乎为2个,待进一步查询)
(3)“文本2”的父节点是<p2>

<html>
 <head> 
  <title>标题</title&g
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值