接上篇文章3,插入节点
插入节点的方法如下图:
4,删除节点
(1) remove()方法
作用是从DOM中删除所有匹配的元素。示例代码如下:var $li =$("ul li:eq(1)").remove(); //获取第二个节点后,将它从网页中删除。注意:当某个节点用remove()删除后,该节点包含的所有后代节点将同时被删除。这个方法的返回值是一个指向被删除节点...
分类:
Web程序 时间:
2015-06-16 17:04:25
阅读次数:
236
1,查找节点
1),查找元素节点
获取元素节点并打印出它的文本内容,jQuery代码如下:var $li = $("ul li:eq(1)"); //获取 里第2个 节点
var li_text =$li.text(); //获取第二个 节点的文本内容
alert(li_text); //打印文本内容
2),查找属性节点var $pa...
分类:
Web程序 时间:
2015-06-15 18:41:25
阅读次数:
119
可能新手朋友们能够很轻松的区分id和class,但是却不一定能够很轻松的区分id和name,下面说一下二者的区别和联系。
首先是联系,它们都可以用来标记一个元素,而且可以用JavaScript来操作,但是操作方法不同,分别使用getElementById和getElementByName来定位DOM节点。
然后就是区别了,这个很简单,首先是一个纲要:name用于表单,id用于...
分类:
Web程序 时间:
2015-06-11 09:30:51
阅读次数:
193
第9章 DOM对象,控制HTML元素9-1 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节...
分类:
编程语言 时间:
2015-06-07 17:06:57
阅读次数:
142
getElementById(id)这是通过id来访问某一元素,最常用的之一,例:test注意点:如果元素的ID不是唯一,则会取得第一个该ID名称的元素getElementsByName(name)这是通过name来取得某一堆元素(作为数组),看Element后面有个小s就知道了,ID是HTML文档...
分类:
编程语言 时间:
2015-06-07 12:20:49
阅读次数:
149
浏览器下载完页面中的所有组件----HTML标记,Js,CSS,图片等之后会解析并生成两个内部数据结构:DOM树 -------- 表示页面结构渲染树 -------- 表示DOM节点如何显示 DOM树中的每一个需要显示的节点在渲染树中至少存在一个对应的节点(隐藏的DOM元素在渲染树中没有对应...
分类:
Web程序 时间:
2015-06-02 20:02:07
阅读次数:
173
跨检查浏览器特性,解决不同浏览器的兼容问题。 例如,我们最常见的为 dom 节点添加事件的函数 function addEvent(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,h...
分类:
Web程序 时间:
2015-06-02 13:02:27
阅读次数:
107
DOM(Document ObjectModel)文档对象模型,描述了一个层次化的节点数。D(文档)为网页文档;O(对象)为window对象之类的,可调用其属性和方法;M(模型)为网页文档的树形结构。DOM定义了HTML元素的对象和属性,以及访问它们的方法,即DOM可对HTML元素进行获取、修改、添加以及删除操作。
1.DOM节点
DOM把标签当作节点,将网页理解为由节点组成的...
分类:
编程语言 时间:
2015-05-31 23:25:19
阅读次数:
199
DOM节点——JS总结
节点包括三种:属性节点、元素节点、文本节点
HTML内容:
测试Div倾斜结尾JavaScript内容:
(一)属性节点
1.父节点:
window.onload = function(){
var box = document.getElementById('box'); //获取属性节点,如'[object HTMLDivElem...
分类:
Web程序 时间:
2015-05-31 20:12:30
阅读次数:
116
在DOM总结(一)中已经说明节点有三类:元素节点、属性节点、文本节点这三个节点拥有相同的三个属性,而且可以通过元素节点可以获得当前节点的父节点和子节点。同时可以通过DOM对节点进行增、删、改、查。首先来总体的整理一些思路然后一个一个的进行理解。
图中节点的三个属性nodeName、nodeType、nodeValue可以获得节点的名称、类型、值,三种类型的节点中元素节点具有其特...
分类:
Web程序 时间:
2015-05-31 15:21:54
阅读次数:
125