JS中DOM对象常用基础知识

来源:互联网 发布:杜兰特总决赛数据效率 编辑:程序博客网 时间:2024/05/21 21:56

1、js的dom对象

DOM :文档对象模型    文档:超文本文档html、xml    对象:提供了属性和方法    模型:使用属性和方法操作超文本标记型文档    可以使用js里面的dom里面提供的对象,使用这些对象的属性和方法,对标记型文本文档进行操作    document对象:整个html文档    element对象:标签对象    属性对象:一个标签内    文本对象:前后标签内    Node节点对象:是这些对象的父对象  //如果在对象里找不到想要的方法,这个时候到Node对象里面去找    解析过程:根据html的层级结构,在内存中分配一个树形结构,需要把html中的每部分封装成对象

DHTML:是很多技术的简称

html、css、dom、javascript

2、document对象

表示整个文档常用方法    write(message) //可以填入html、js代码    getElementById(id) : //返回值为对象    gerElementsByName(name) :返回一个指定名称的对象集合,遍历获取值。只有一个元素,通过 var input1 = getElementsByName("input1")[0];获取该元素,不需要遍历    getElementsByTagName(标签名称) :返回一个指定标签的对象集合,遍历获取值    createElement(标签) :创建一个元素    createTextNode(文本内容) :创建一个文本节点    Node.appendChild(节点) :添加节点