javascript DOM 编程方法——创建节点
2008-10-16 15:33
323 查看
以下内容来自网匠科技
创建节点
以下DOM方法的基本用途是创建新节点。
******************createElement()**********************
createElement()方法将按照给定的标签名创建一个新的元素节点。这个方法的返回值是一个指向新建元素节点的引用指针:
reference = document.createElement(element)
这个方法只有一个参数:将被创建的元素名字。这是一个字符串。
reference = document.createElement("p")
reference = document.createElement("h1")
createElement()方法所返回的引用指针指向一个节点对象。他是一个元素节点,所以他的nodeType属性值将等于1。
var para = document.createElement("p");
在这个例子里,para.nodeType返回的值将是1。para.nodeName返回的值将是p或P。
用createElement()方法创建出来的新元素节点不会被自动添加到文档里。新节点没有nodeParent属性,它只是一个存在于Javascript上下文里的DocumentGragment对象。如果想把这个DocumentGragment对象添加到你的文档里,则需要使用appendChild()或insertBefore()方法(参见后面的“插入节点”小节)或者replaceChild()方法(参见后面的“替换节点”小节):
var para = document.createElement("p");
document.body.appendChild(para);
这个例子将创建一个P元素,并把这个新创建的元素追加为body元素的lastChild子节点。
你可以在任何时候对新创建出来的元素使用其它的DOM方法。比如说,你随时都可以对新元素的任意属性进行设置(参见后面的“处理节点“小节),即使在把这个元素插入节点之前也可以这样做:
var para = document.createElement("p");
para.setAttribute("title","my test document");
document.body.appendChild(para);
当然,也完全可以把新元素插入文档,再对他的属性进行设置。
var para = document.createElement("p");
document.body.appendChild(para);
para.setAttribute("title","my test document");
创建节点
以下DOM方法的基本用途是创建新节点。
******************createElement()**********************
createElement()方法将按照给定的标签名创建一个新的元素节点。这个方法的返回值是一个指向新建元素节点的引用指针:
reference = document.createElement(element)
这个方法只有一个参数:将被创建的元素名字。这是一个字符串。
reference = document.createElement("p")
reference = document.createElement("h1")
createElement()方法所返回的引用指针指向一个节点对象。他是一个元素节点,所以他的nodeType属性值将等于1。
var para = document.createElement("p");
在这个例子里,para.nodeType返回的值将是1。para.nodeName返回的值将是p或P。
用createElement()方法创建出来的新元素节点不会被自动添加到文档里。新节点没有nodeParent属性,它只是一个存在于Javascript上下文里的DocumentGragment对象。如果想把这个DocumentGragment对象添加到你的文档里,则需要使用appendChild()或insertBefore()方法(参见后面的“插入节点”小节)或者replaceChild()方法(参见后面的“替换节点”小节):
var para = document.createElement("p");
document.body.appendChild(para);
这个例子将创建一个P元素,并把这个新创建的元素追加为body元素的lastChild子节点。
你可以在任何时候对新创建出来的元素使用其它的DOM方法。比如说,你随时都可以对新元素的任意属性进行设置(参见后面的“处理节点“小节),即使在把这个元素插入节点之前也可以这样做:
var para = document.createElement("p");
para.setAttribute("title","my test document");
document.body.appendChild(para);
当然,也完全可以把新元素插入文档,再对他的属性进行设置。
var para = document.createElement("p");
document.body.appendChild(para);
para.setAttribute("title","my test document");
相关文章推荐
- 使用JavaScript操作DOM节点元素的常用方法(创建/删除/替换/复制等)
- javascript 原生方法对dom节点的操作,创建、添加、删除、替换、插入、复制、移动等操作
- Javascript DOM 编程艺术:dom 节点及操作节点方法
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- JavaScript DOM编程 学习笔记-创建并接入节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- javascript DOM 编程方法——创建文本节点
- javascript获取dom的下一个节点方法
- javascript将DOM节点添加到文档的方法实例分析
- javascript实现dom动态创建省市纵向列表菜单的方法
- JavaScript DOM编程 学习笔记-替换节点
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- jQuery及javascript DOM创建节点(三)
- JavaScript的DOM编程--05--获取文本节点
- DOM操作——JavaScript怎样添加、移除、移动、复制、创建和查找节点
- 轻松学习JavaScript二十二:DOM编程学习之节点操作
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM学习笔记5――创建和操作节点