javascript API详解及案例解析(一)
方法 | 返回类型 | 说明 |
nodeName | String | 节点的名字 |
nodeValue | String | 节点的值 |
nodeType | Number | 节点的类型常量值 |
firstChild | Node | 指向在childNodes列表中的第一个节点 |
lastChild | Node | 指向在childNodes列表中的最后一个节点 |
childNodes | NodeList | 所有子节点的列表 |
previousSibling | Node | 指向前一个兄弟节点;如果这个节点就是第一个兄弟节 点,那么该值为null |
nextSibling | Node | 指向后一个兄弟节点;如果这个节点就是最后一个兄弟节 点,那么该值为null |
hasChildNodes() | Boolean | 当childNodes包含一个或多个节点时,返回真 |
attributes | NamedNodeMap | 包含了代表一个元素的特性的Attr对象;仅用于Element 节点 |
appendChild(node) |
Node | 将node添加到childNodes的末尾 |
removeChild(node) |
Node | 从childNodes中删除node |
replaceChild(newnode,oldnode) | Node | 将childNodes中的oldnode替换成newnode |
1 getElementById()
说明:
1、 查询给定ID属性值的元素,返回该元素的元素节点。也称为元素对象。
2、 因为在一个html页面中id的值是唯一的,所以返回值也是唯一的。所以方法的名称为getElementById()而不是getElementsById()
3、 该方法只能用于document对象,类似与java的static关键字。
案例:
var inputDom=document.getElementById("uname")
//当前dom对象的属性值
alert(inputDom.type+inputDom.value+inputDom.id);
//元素节点 名称 标签的名称 value值为空 元素节点类型值 1
alert(inputDom.nodeName+inputDom.nodeType+inputDom.nodeValue);
2.getElementsByName()
2.1说明:
1、查找给定name属性的所有元素,这个方法将返回一个节点集合,也可以称为对象集合。
2、这个集合可以作为数组来对待,length属性的值表示集合的个数。
3、因为在html页面中,name不能唯一确定一个元素,所以方法的名称为getElementsByName而不是getElementByName
举例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>getElementsByName.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>