html dom基本操作

javascript DOM基本操作 1.DOM(Document Object Model 文档对象模型) 2.节点: 文档节点:document 元素节点:html.head.body.title.meta.h1.p等 属性节点:attr 文本节点:text 2.1节点获取 documen.getElementById("元素ID")                       //返回含有该ID的元素 document.getElementsByName("元素name

一.DOM继承树 DOM--Document Object Model DOM定义了表示修改文档所需要的方法.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml的一类厂商定义,也有人称DOM是对HTML以及xml的标准编程接口. 继承树模型图: 1.document继承于HTMLDocument,而HTMLDocument继承于Document; 2.文本节点对象Text与注释节点对象Comment继承于CharacterData 3.在Element节点下其实存在两个子节点,除

关于DOM 1.HTML 文档可以看成是一棵树,其中的内容是这棵树的节点 2.DOM 树上的节点之间有父子关系.兄弟关系 3.节点之间还有顺序关系 4.可以通过对 DOM 树的操作来修改 HTML 文档 文档处理 1.内部插入 1)append(content|fn)  向每个标签的内部插入内容 $('div').append('<p>培训</p>'); 2)appendTo(content) $('<p>培训</p>').appendTo('div') 3

基本概念 文档对象模型 (DOM) 是HTML和XML文档的编程接口.它提供了对文档的结构化的表述,并定义了一种方式可以使程序对该结构进行访问,从而改变文档的结构,样式和内容.DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合.简言之,它会将web页面和脚本语言连接起来 一个web页面是一个文档.这个文档可以在浏览器窗口或作为HTML源码显示出来.但文档对象模型(DOM)提供了对同一份文档的另一种表现:存储和操作的方式. DOM是web页面的完全的面向对象表述,它能够使用

有多重要不多说

1.获取元素 (1)docuent.getElementById()通过id获取元素 (2)docuent.getElementsByName()通过name属性获取元素 (3)docuent.getElementsByTagName()通过标签名获取元素 2.节点指针 (1)父找子: ①firstChild()获取元素的首个子节点 father.firstChild() ②lastChild()获取元素的最后一个子节点 father.lastChild() (2)子找父: parentNode

Dom基本操作 一.Dom元素的获取 1.var $allP = $('p'); $allP.get(0)//第一个p $allP.get(-1)//最后一个p $allP.get()//所有的p $allP[0]//第一个p 2. $('p').toArray()//将jqure转化为Dom元素的数组 3. 获取第一个包含Dom元素的jquery对象    var $firstp = $('p').first()    等价于     var $firstp1 = $('p:first') 4

在学习javascript过程中只是一知半解好多,碰到自己不知道属性方法,到最后都不知道自己学到了什么 js代码为什么这样写 为什么你知道这方法或属性可以这样用. DOM和window对象 DOM基本操作: 获得节点: document:通过元素ID获取节点,标签,name属性 节点指针:获取元素首个子节点,最后一个,子节点列表,兄弟节点的前一个后一个,节点的父节点 节点操作: 创建节点:创建元素节点,属性节点,文本节点 插入节点:节点的子节点添加新的子节点  已有节点前插入新子节点 替换节点:

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作js中的DOM基本操作非常简单,但是如何能有效地进行这些操作一直是一个难题.这其中最典型的问题便是批量增加DOM元素.增加一个DOM元素是一步花费很大的操作.而批量增加对系统的花销更是不菲.一个比较好的批量增加的办法便是使用 document fragments :var div = document.getElementsByTagName("my_div");var fragment = document.