js节点操作

节点操作:

一.节点类型

根据DOM,XML文档中的一个成分都是一个节点。

二.节点操作

获取节点引用

1.方式一:   document.getElementById();

      document.getElemengtByTagName();

说明:这种方式直接查找节点,每次都会遍历文档中的所有节点,比较耗费内存,而且并不能体现出节点间的关系;

2.方式二:通过节点关系属性获得节点引用

方法:1.obj.childNodes;获取对象所有子节点,只包含次级节点;(eg:alert(wrap.childNode.length);换行也算节点的个数,有兼容问题)。

   2.obj.parentNode;获取该元素的父节点;(eg:alert(inner.parentNode.className);)

   3.obj.firstChild;获取该元素第一个子节点 nodeName类型 有兼容问题

   4.obj.lastChild;获取该元素的最后一个

   5.obj.previousSibing;获取上一个兄弟节点

   nodeType 元素类型

     nodeName元素名称

   nodeValue元素值

   

时间: 2024-08-03 07:37:23

js节点操作的相关文章

0417 js节点操作表格(添加、删除)

节点创建和追加 节点创建 元素节点:document.createElement(tag标签名称); 文本节点:document.createTextNode(文本内容); 属性设置:node.setAttribute(名称,值); 节点追加: 父节点.appendChild(子节点); 父节点.insertBefore(newnode,oldnode); //newnode放到oldnode的前边 父节点.replaceChild(newnode,oldnode); //newnode替换到o

js 节点操作

添加和删除节点(HTML 元素). 创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素. 实例 <div id="div1"> <p id="p1">这是一个段落</p> <p id="p2">这是另一个段落</p> </div> <script> var para=document.

原生JS节点操作

获取子节点 1. children 不是标准的dom属性,但是几乎被所有浏览器支持.获取子元素的元素节点(只包括元素节点) 注意:在IE中,children包含注释节点. 2. childNodes 是标准属性.返回所有子节点.包括文本节点. 注意: (1)nodeType   放回节点类型的值,一般是整数      常用的有: nodeType==1是元素节点(element),2是属性节点(attr),3是文本节点(#text),8是注释节点(#comment),9是文档(document)

原生JS的DOM节点操作

DOM(Document Object Model/文档对象模型)是针对HTML和XML文档的一个API.DOM节点树:在文档中出现的空格.回车.标签.注释.文本.doctype.标签等都属于DOM节点. 操作DOM节点的方式无非就是:创建.添加(插入).移除.替换.查找(获取).克隆DOM节点. 创建文本节点:var newText = document.createTextNode('文本节点');创建标签节点:var newNode = document.createElement('di

JS Dom节点操作demo!

通过黑马课程的学习,在这里分享一个js Dom中节点操作的小练习 需求:使用js创建一个4*3的表格table. onload = function(){ function c(tagName){ return document.createElement(tagName); } var table = c('table'); var tbody = c('tbody'); table.appendChild(tbody); for(var i = 0;i<4;i++){ var tr = c(

Java节点操作(JS原生+JQuery)

Java节点操作(JS原生+JQuery) 节点关系与类型 任何HTML元素,都有nodeType属性.值有1~12,常用的有: 1.元素节点 2.文本节点 8.注释节点 9.document节点(HTML文档对象) 10.DTD(文档类型定义) box.nodeType       //返回值1,获得nodeType属性 box.childNodes            //获得全部子元素 //兼容性问题 注意:在chrome,IE9 IE10高版本的浏览器里面的回车都认为是节点,IE6,7

JS DOM操作(创建、遍历、获取、操作、删除节点)

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic

js 节点 document html css 表单节点操作

节点操作:访问.属性.创建 (1)节点的访问:firstChild.lastChild.childNodes.parentChild(父子节) 可以使用元素对象的方法进行代替:getElementById().getElementsByTagName() (2)节点属性的操作:setAttribute().removeAttribute().getAttribute() (3)节点的创建.删除.追加: 创建节点:document.createElement(tagName) 删除节点(必须父节点

Js基础操作

var a="zhangsan"; document.write(a+":I love JavaScrip"); a="lisi"; document.write("<br/>"); document.write(a+":I love JavaScrip"); alert('haha'); 函数的编写 function test(){ var mymessage=confirm("你喜