Dom笔记
a.操作属性:
b.操作内容 :
innerHTML //对象内的所有内容 有标签时 也会获取
innerText //对象内的文本
outerText
outerHTML
c、操作对象样式：
1、逐个操作：对对象的宽 设置 高设置。。。
d. style //获取的只是行内样式 嵌入的样式的获取不到
d.offset width、 heght、 left、 top //既能获取的行内样式的宽高 又能嵌入的样式的
2、批量操作：直接写一堆属性 赋给对象
className //类名 返回数组形式
Tagname //标签名 返回数组形式
获取区域内的某个对象：
document.getelmentbyid(内容区域).getelmentbyid(要获取的对象id)
转成对象两种形式：
1、标记名（多个）、id（唯一）、name（多个）
document中的三个方法
var obj=document.getElementsByTagName（“div”）
var obj=document.getElementById（“d”）
var obj=document.getElementsByName（“one”）
2、通过数组
document.title //获取文档标题
document.forms //获取表单
Dom 树
1、整个文档看成一棵树 倒着的树 每一部分(元素、内容、属性、注释)都是一个节点
2、通过一个节点 可以依靠关系 找到其他节点
父节点：parentNode
子节点：（第一个 最后一个）childNodes firstChild lastChild
兄弟节点、同胞节点：（上一个 下一个）previousSibling nextSibling
3、找到节点： 节点类型 nodeType、节点名 nodeName、节点值nodeValue
节点类型
nodetype属性不同元素返回不同的值
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
文档流
当一个文档流运行完之后，再来一个文档流会出现在新的页面
不能用再document.write输出到页面
在文档流中
1、创建节点
var child=document.createelement（“元素名”） div、p、input...
2、添加到文档流中
document.父级节点.appendChild(子节点名)
父级节点.insertBefore(前一个，后一个) //在中间加
3、删除节点
遍历document属性：
var dd=document.getelementbyid(""d);
var pro=""
for(dd in pro){
document.write("dd的属性"+pro+dd[pro]+"<br>")
}
document 属性：
document.all 文档内所有对象个数
还有好多。。
其他对象同理~
Dom:即document object model （文档对象模型）
DOM的特点:
就是将标记型文档封装成了DOM树,也就是会将整个标记型文档加载进内存.( 当标记型文档被DOM解析器解析后,会按照标签的层次关系,产生出一个树形结构,可以成为DOM树.树中的每一个分支可以称之为节点.而标签就是节点中的一种.)
DHTML(动态的HTML):它不是一门语言,是多个技术的综合体简称.包含的技术有:html , css ,dom , javascript.
这四种技术在Dhtml编程中的角色
html:提供了标签用于封装数据.它是基础.
css:提供了样式,可以对标签封装的内容进行样式的操作.
dom:将html文档封装成了对象,并将文档中的内容都封装成了对象,对象中都定义了更多的属性和行为.方便于对对象的操作.
javascript:提供了逻辑性很强的程序设计语言,来负责页面的行为.
object对象 （HTML元素转成的对象 js对象）
!!如果使用js操作HTML文档，就需要将HTML结构转换成js对象a.操作属性:
b.操作内容 :
innerHTML //对象内的所有内容 有标签时 也会获取
innerText //对象内的文本
outerText
outerHTML
c、操作对象样式：
1、逐个操作：对对象的宽 设置 高设置。。。
d. style //获取的只是行内样式 嵌入的样式的获取不到
d.offset width、 heght、 left、 top //既能获取的行内样式的宽高 又能嵌入的样式的
2、批量操作：直接写一堆属性 赋给对象
className //类名 返回数组形式
Tagname //标签名 返回数组形式
获取区域内的某个对象：
document.getelmentbyid(内容区域).getelmentbyid(要获取的对象id)
转成对象两种形式：
1、标记名（多个）、id（唯一）、name（多个）
document中的三个方法
var obj=document.getElementsByTagName（“div”）
var obj=document.getElementById（“d”）
var obj=document.getElementsByName（“one”）
2、通过数组
document.title //获取文档标题
document.forms //获取表单
Dom 树
1、整个文档看成一棵树 倒着的树 每一部分(元素、内容、属性、注释)都是一个节点
2、通过一个节点 可以依靠关系 找到其他节点
父节点：parentNode
子节点：（第一个 最后一个）childNodes firstChild lastChild
兄弟节点、同胞节点：（上一个 下一个）previousSibling nextSibling
3、找到节点： 节点类型 nodeType、节点名 nodeName、节点值nodeValue
节点类型
nodetype属性不同元素返回不同的值
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
文档流
当一个文档流运行完之后，再来一个文档流会出现在新的页面
不能用再document.write输出到页面
在文档流中
1、创建节点
var child=document.createelement（“元素名”） div、p、input...
2、添加到文档流中
document.父级节点.appendChild(子节点名)
父级节点.insertBefore(前一个，后一个) //在中间加
3、删除节点
父节点.removeChild()
后续补充。。