深圳免费网站建设服务,网站设计论文前言,网页版梦幻西游三借芭蕉扇,那些网站做的非常好看的DOM的理解1.1 D#xff1a;当创建了一个网页并把它加载到Web浏览器中时#xff0c;DOM就生成了#xff0c;它将我们编写的网页文档转换成一个文档对象。1.2 O#xff1a;“对象”是一种自足的数据集合#xff0c;相关联的变量称为这个对象的属性#xff0c;只能通过这个对…DOM的理解1.1 D当创建了一个网页并把它加载到Web浏览器中时DOM就生成了它将我们编写的网页文档转换成一个文档对象。1.2 O“对象”是一种自足的数据集合相关联的变量称为这个对象的属性只能通过这个对象调用的函数称为这个对象的方法。JS中的对象可以分为三种类型A、用户定义对象程序员自行创建的对象。B、内建对象Array、Math、DateC、宿主对象由浏览器提供的对象。JS最初版本中非常重要的一些宿主对象就可以使用了最基础的对象是Window对象。Window对象对应着浏览器窗口本身这个对象的属性和方法通常统称为BOM。更好理解window object model窗口对象模型。document对象的主要功能就是处理网页内容。接下来我们基本上只讨论document对象的属性和方法。1.3 Mmodel map 某种事物的表现形式DOM代表着加载到浏览器窗口的当前网页。浏览器提供了网页的地图我们可以通过JS去读取这张地图。要想从DOM获得信息必须先把各种表示和描述文档的“图例”弄明白。DOM把文档表示为一颗家谱树。家谱树、节点树使用parent、child、sibling等记号来表明家族成员之间的关系。根元素是html1.4 节点 文档是由节点构成的集合。元素节点DOM的原子是元素节点。这些元素在文档中的布局形成了文档的结构。文本节点文本节点总是被包含在元素节点的内部或者间接包含。属性节点用来对元素做出更具体的描述因为属性节点总是被放在起始标签里所以属性节点总是被包含在元素节点中所有的属性节点都被元素包含。CSSDOM并不是唯一和网页结构打交道CSS告诉浏览器应该如何显示一份文档的内容。继承是CSS技术中的一项强大功能类似于DOMCSS也把文档的内容视为一颗节点树节点树上的各个元素将继承其父元素的样式属性。有时我们需要将某些样式作用于某个特定的元素需要把元素与其他元素区分开需要使用class属性或id属性。calss属性为相同的class属性值相同的所有元素定义同一种样式。id属性给页面里的某个元素加上一个独一无二的标识符。id属性就像是一个挂钩一头连接着文档里的某个元素另一头连着CSS样式表里的某个样式。DOM也可以使用这种挂钩。1.5 获取元素有三种DOM方法可以获取元素节点getElementById返回一个对象。document对象特有的函数。document.getElementById(‘xxx’);文档中的每一个元素都是一个对象利用DOM提供的方法能得到任何一个对象。2.getElementsByTagName返回一个对象数组document.getElementsTagName(‘li’);即使这个标签只有一个元素也返回一个数组。3.getElementsByClassName返回一个对象数组document.getElementsClassName(‘yyy’);也可以结合使用比如只要id为xxx的里面的元素。这个函数IE8以下有兼容问题。不过现在没有继续兼容IE的了吧瑟瑟发抖……1.6 获取和设置属性只能用于元素节点A、getAttributeobject.getAttribute(attribute);getAttribute方法不属于document对象只能通过元素节点对象调用。如果它们没有某个属性将会是返回空白或者null至于是哪个要看是什么浏览器。B、setAttribute对属性节点的值做出修改object.setAttribute(attribute,value)用在本身就有这个属性的元素上就会将原来的值覆盖掉。但是setAttribute做出的修改不会反映在文档本身的源代码里。这种表里不一的现象源自DOM的工作模式先加载文档的静态内容再动态刷新动态刷新不影响文档的静态内容。这正是DOM的真正威力对页面内容进行刷新却不需要在浏览器里刷新页面。tips这五种方法是将要编写的许多DOM脚本的基石。