本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- siemens800
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
最新文章列表
JavaScript DOM操作总结
http://www.codesec.net/view/222099.html
节点类型
节点类型主要有三种:元素节点,属性节点和文本节点。
而对DOM的主要也就是围绕 元素节点和属性节点 的 增删改查 。下面就分别从对元素节点的操作和对属性节点的操作来介绍。
元素节点 查
在对DOM进行增删改之前,首先要找到对应的元素。具体的查找方法如下:
getElementByID( ...
DOM LEVEL 1 中的那些事儿[下]
本文承接:DOM LEVEL 1 中的那些事儿[上]
2.3 Element类型
Element类型应该是Document类型之外使用的最多的节点类型了,Element代表XML或HTML文档中的一个元素,它具有以下特征:
[1]nodeType为1
[2]nodeName为标签名
[3]nodeValue为null
[4]parentNode可能是Element或Docu ...
DOM LEVEL 1 中的那些事儿[上]
DOM是前端编程中一个非常重要的部分,我们在动态修改页面的样式、内容、添加页面动画以及为页面元素绑定事件时,本质都是在操作DOM。DOM并不是JS语言的一个部分,我们通过JAVA、PHP等语言抓取网页内容时需要对网页进行解析并拿到我们感兴趣的那部分内容,这时其实也是在操作DOM。当然在前端领域,我们肯定还是通过JS来操作DOM,而DOM也是伴随JS的出现而诞生的,随着前端的不断发展,DOM标准也在 ...
jQuery对象与DOM对象之间的转换方法
对于jquery新手,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下 jQuery,以及两者相互间的转换。 什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方 法。 比如: $("#test").html() 意思 ...
html dom操作
1、常用函数
createElement(targetName);//创建dom元素,参数为元素名 ,如input
setAttribute(attr,value);//给dom元素设置属性
appendChild(dom);//添加到父元素下
removeChild(dom);//删除dom元素
dom.childNodes;//获取dom的所有直接子元素
...
深入理解JavaScript系列(24):JavaScript与DOM(下)(转)
介绍
深入理解JavaScript系列(24):JavaScript与DOM(下)
上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面,包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。
本文参考:http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and- ...
javaScript对冒泡做一些分析与测试
<script src="js/冒泡.js"></script>
<script type=text/javascript>
</script>
<style>
body{
margin:0px;
padding:0px;
}
#div1{
width ...
javaScrpt DOM分析与实战
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q ...
JQuery与dom对象之间的转换
JQuery对象就好像是被封装的Dom对象,各自的对象有各自的method。
JQuery对象不使用Dom对象的method,Dom对象也不能使用JQuery的method。
// 此时获取到的对象是JQuery对象。JQuery对象也就是对Dom对象的包装。
// 可以使用JQuery类库中的各种方法对该元素进行操作。
var _display = $(".displ ...