注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

0与1构筑世界,程序员创造时代

软件架构设计 Java编程

 
 
 

日志

 
 

JavaScript DOM编程摘要  

2008-04-09 10:51:23|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
文章声明

  
作者:
傲风(aofengemail@126.com)       编写时间:2008年04月09日

网址:http://aofengblog.blog.163.com

?保留所有权利!

方法介绍:

方法名称:
document.createElement(element)
方法描述:
创建一个指定标签名创建一个新的元素节点,返回值为指向新建元素节点的引用指针。
使用示例:
var tipContent = document.createElement("DIV");
document.body.appendChild(tipContent );


方法名称:
document.createTextNode(text)
方法描述:
创建一个包含着给定文本的新文本节点,返回一个指向新建文本节点的引用指针。
使用示例:
var msg= document.createTextNode("大家好");
var tipContent = document.createElement("DIV");
tipContent.appendChild(msg);
document.body.appendChild(tipContent );


方法名称:
element.cloneNode(boolean)
方法描述:
为给定节点创建一个副本,参数为true或者false,true表示同时复制该节点的子节点,false则不复制任何子节点。如果参数为true,复制子节点的关系,如果为false,则不复制子节点的关系。
使用示例:
var msg= document.createTextNode("大家好");
var tipContent = document.createElement("DIV");
tipContent.appendChild(msg);

var newMsg = msg.cloneNode(true);

document.body.appendChild(newMsg );


方法名称:
element.appendChild(childObj)
方法描述:
插入子节点。
使用示例:
var msg= document.createTextNode("大家好");
var tipContent = document.createElement("DIV");

tipContent.appendChild(msg);


方法名称:
element.insertBefore(newNode, targetNode)
方法描述:
将一个给定节点插入到一个给定元素节点的给定子节点的前面,返回一个指向新增子节点的引用指针。
使用示例:
var msg= document.createTextNode("大家好");
var tipContent = document.createElement("DIV");
tipContent.appendChild(msg);

var insertNode = document.createElement("p");
tipContent .insertBefore(msg, insertNode );


方法名称:
element.removeChild(node)
方法描述:
将从一个给定元素利删除一个子节点,返回一个指向已被删除的子节点的引用指针。当某个节点被removeChild()删除后,此节点所有子节点都被删除。
使用示例:
暂无……


方法名称:
element.replaceChild(newChild, oldChild)
方法描述:
把一个给定父元素里的一个子节点替换为另外一个节点,oldChild节点必须是element元素的一个子节点,返回值是一个指向已被替换的那个子节点的引用指针。
使用示例:
var msg= document.createTextNode("大家好");
var tipContent = document.createElement("DIV");
tipContent.appendChild(msg);

var insertNode = document.createElement("p");

tipContent.replaceChild(insertNode, msg);


方法名称:
element.setAttribute(attributeName,attributeValue)
方法描述:
为给定元素节点添加一个新的属性值或是改变它的现有属性。
使用示例:
暂无……


方法名称:
element.getAttribute(attributeName)
方法描述:
返回一个给定元素的一个给定属性节点的值。
使用示例:
暂无……


方法名称:
document.getElementById(ID)
方法描述:
寻找一个有着给定id属性值的元素,返回一个元素节点。
使用示例:
暂无……


方法名称:
document.getElementsByTagName(tagName)
方法描述:
用于寻找有着给定标签名的所有元素,返回一个节点集合。
使用示例:
暂无……


方法名称:
element.hasChildNodes
方法描述:
用来检查一个给定元素是否有子节点,返回true或false。
使用示例:
暂无……


属性介绍:



属性名称:
nodeName
属性描述:
属性将返回一个字符串,其内容是给定节点的名字。
如果节点是元素节点,返回这个元素的名称;
如果是属性节点,返回这个属性的名称;
如果是文本节点,返回一个内容为#text的字符串
使用示例:
暂无……


属性名称:nodeType
属性描述:属性将返回一个整数,这个数值代表给定节点的类型。
使用示例:
暂无……


属性名称:nodeValue
属性描述:属性将返回给定节点的当前值。
如果节点是元素节点,返回null;
如果是属性节点,返回这个属性的名称;
如果是文本节点,返回文本节点的内容。
使用示例:
暂无……


历遍
节点树属性:
childNodes            该属性返回一个数组,这个数组由给定元素节点的子节点构成
firstChild               返回第一个子节点
lastChild               返回最后一个子节点
nextSibling            返回给定节点的下一个子节点
parentNode          返回一个给定节点的父节点
previousSibling     返回给定节点的下一个子节点

<正文结束>
  评论这张
 
阅读(662)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017