一、今日内容;
1、DOM和BOM树结构分析
DOM分为三部分
1,核心DOM:用于XML于HTML的共用接口 (操作节点树,创建,删除,查找等)
2,XML DOM:XML专用接口,其实就是DOM进行增强,加入一些适用于自己的接口
3,HTML DOM:HTML专用接口,其实就是DOM进行增强,加入了一些适用于自己的接口H
DOM树: HTML节点树
HTML文档是一种树状的结构化文档,各文档之间是一种树状的层次关系
节点:
整个文档就是文档节点——document
每一个HTML标签都是一个元素节点——element
标签中的文字是文本节点(回车,空格也是文本节点)——text
标签的属性就是属性节点——Attribute
所以的一切都是节点——Node
2、获取标签对象的主要方式
获取HTML元素——H4
getElementByTd()
在文档中查找指定的id节点,如果找到则返回该节点
getElementsByTagName()
在文档中查找指定的标签名的对象的合集
getElementsByClassName()
class ---类名--集合
getElementsByName()
name属性---集合
H5--选择器
单个--符合要求的第一个节点
document.querySelector(选择器);
集合--符合要求的所以节点
document.querySelectorAll(选择器);
3、操作标签的内容
文本标签的内容
innerHTML innerText textContent
表单标签:value
4、操作标签的样式
获取样式属性的值:dom.style.样式的属性名
设置:dom.style.样式的属性名=“样式的属性值”
5、操作标签的类名
获取类名: dom.className
设置类名: dom.class Name= “类名的值”;
二、今日问题
无
三、解决方案
无
|