属性：

  • Attributes     存储节点的属性列表(只读)
  • childNodes 存储节点的子节点列表(只读)
  • dataType     返回此节点的数据类型
  • Definition     以DTD或XML模式给出的节点的定义(只读)
  • Doctype     指定文档类型节点(只读)
  • documentElement     返回文档的根元素(可读写)
  • firstChild     返回当前节点的第一个子节点(只读)
  • Implementation     返回XMLDOMImplementation对象
  • lastChild     返回当前节点最后一个子节点(只读)
  • nextSibling     返回当前节点的下一个兄弟节点(只读)
  • nodeName     返回节点的名字(只读)
  • nodeType     返回节点的类型(只读)
  • nodeTypedValue     存储节点值(可读写)
  • nodeValue     返回节点的文本(可读写)
  • ownerDocument     返回包含此节点的根文档(只读)
  • parentNode     返回父节点(只读)
  • Parsed     返回此节点及其子节点是否已经被解析(只读)
  • Prefix     返回名称空间前缀(只读)
  • preserveWhiteSpace     指定是否保留空白(可读写)
  • previousSibling     返回此节点的前一个兄弟节点(只读)
  • Text     返回此节点及其后代的文本内容(可读写)
  • url     返回最近载入的XML文档的URL(只读)
  • Xml     返回节点及其后代的XML表示(只读)
  • nextSibling 返回相领的节点

方法：

  • appendChild     为当前节点添加一个新的子节点,放在最后的子节点后
  • cloneNode     返回当前节点的拷贝
  • createAttribute     创建新的属性
  • createCDATASection     创建包括给定数据的CDATA段
  • createComment     创建一个注释节点
  • createDocumentFragment     创建DocumentFragment对象
  • createElement     创建一个元素节点
  • createEntityReference     创建EntityReference对象
  • createNode     创建给定类型,名字和命名空间的节点
  • createPorcessingInstruction     创建操作指令节点
  • createTextNode     创建包括给定数据的文本节点
  • getElementsByTagName     返回指定名字的元素集合
  • hasChildNodes     返回当前节点是否有子节点
  • insertBefore     在指定节点前插入子节点
  • Load     导入指定位置的XML文档
  • loadXML     导入指定字符串的XML文档
  • removeChild     从子结点列表中删除指定的子节点
  • replaceChild     从子节点列表中替换指定的子节点
  • Save     把XML文件存到指定节点
  • selectNodes     对节点进行指定的匹配,并返回匹配节点列表
  • selectSingleNode     对节点进行指定的匹配,并返回第一个匹配节点
  • transformNode     使用指定的样式表对节点及其后代进行转换
  • transformNodeToObject     使用指定的样式表将节点及其后代转换为对象

举例：

<html>
<head>
        <meta charset=utf-8" />
        <script type=text/javascript>
function Message()
        {
         var op=document.createElement_x("p");
         var oText=document.createTextNode("hello world!");
         op.appendChild(oText);
         document.body.appendChild(op);
        }
        </script>
</head>
<body onload="Message();">
</body>
</html>

2,删除节点 方法:getElementsByTagName和removeChild

<html>
<head>
         <meta charset=utf-8" />
        <script type=text/javascript>
        function removeMessage()
        {
         var op=document.body.getElementsByTagName_r("p")[0];
         op.parentNode.removeChild(op);
        }
        </script>
</head>
<body onload="removeMessage();">
        <p>hello world!</p>
</body>
</html>

3.替换节点 方法replace(new,old)

<html>
<head>
      <meta charset=utf-8" />
<script type=text/javascript>
      function replaceMessage()
      {
       var oNewp=document.createElement_x("p");
       var oText=document.createTextNode("World Hello");
       oNewp.appendChild(oText);
       var oOldp=document.body.getElementsByTagName_r("p")[0];
       oOldp.parentNode.replaceChild(oNewp,oOldp);
      }
      </script>
</head>
<body onload="replaceMessage();">
      <p>hello world!</p>
</body>
</html>

4.插入新消息 insertBefore(new,old)

<html>
<head>
      <meta charset=utf-8" />
<script type=text/javascript>
     function replaceMessage()
     {
      var oNewp=document.createElement_x("p");
      var oText=document.createTextNode("World Hello");
      oNewp.appendChild(oText);
      var oOldp=document.body.getElementsByTagName_r("p")[0];
      document.body.insertBefore(oNewp,oOldp);
     }
     </script>
</head>
<body onload="replaceMessage();">
     <p>hello world!</p>
</body>
</html>

5,文档碎片

<html>
<head>
     <meta charset=utf-8" />
<script type=text/javascript>
   
    function replaceMessage()
    {
     var arrText=["first","second","third","fourth","fifth","sixth","seventh","eighth","ninth","tenth"];
     var oFragment=document.createDocumentFragment();//文档碎片
     for(var i=0;i<arrText.length;i++)
     {
      var op=document.createElement_x("p");
      var oText=document.createTextNode(arrText[i]);
      op.appendChild(oText);
      oFragment.appendChild(op);
     }
     document.body.appendChild(oFragment);
    }
    </script>
</head>
<body onload="replaceMessage();">
    <p>hello world!</p>
</body>
</html>

6,操作document元素属性

<html>
<head>
   <meta charset=utf-8" />
   <script type=text/javascript>
   function   Load_message()
   {
    var oimg=document.getElementByIdx_x("a");
       alert(oimg.getAttribute("border"));
    oimg.setAttribute("alt","DOM Test");
   }
   </script>
</head>
<body onload="Load_message();">
   <img border="0" width="100" height="150" id="a"/>
</body>
</html>

Js节点属性与方法的更多相关文章

  1. js中属性和方法的类型和区别

    对象的属性:私有属性(var).类属性(静态属性).对象属性(this).原型属性(prototype). 对象的方法: 私有方法(funtion).类方法(静态方法).对象方法(this).原型方法 ...

  2. js 节点属性

    节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType ...

  3. js节点属性

    在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...

  4. JS遍历属性和方法

    引用原文:http://www.cnblogs.com/lishenglyx/archive/2008/12/08/1350573.html#undefined <script language ...

  5. Html DOM 常用属性和方法

    Node对象的节点类型***************************************************接口 nodeType常量 nodeType值 备注Element Node ...

  6. js获取属性

    js获取属性的方法: document.getElementById(); document.getElementsByTagname(); document.getElementsByClassna ...

  7. 【转】JavaScript 节点操作 以及DOMDocument属性和方法

    最近发现DOMDocument对象很重要,还有XMLHTTP也很重要 注意大小写一定不能弄错. 属性: 1Attributes 存储节点的属性列表(只读) 2childNodes 存储节点的子节点列表 ...

  8. HTML DOM对象的属性和方法介绍(原生JS方法)

    HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口), ...

  9. JS-DOM ～ 02. 隐藏二维码、锁定、获取输入框焦点、for循环为文本赋值、筛选条件、全选和反选、属性的方法操作、节点的层次结构、nodeType

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 哈希表原理及hashmap简单实现

    哈希表也叫做散列表.在各种语言中都有hashmap的实现.其最突出的优点是查找和插入以及删除具有常数的时间复杂度 我们可以把哈希表理解为数组+链表 数组具有常数复杂度的查找,为什么呢,因为数组是在内存 ...

  2. Java根据年份算出所属的生肖。

    一个小程序~ public String getYear(Integer year){ if(year<1900){ return "未知"; } Integer start ...

  3. [LeetCode] Interleaving String [30]

    题目 Given s1, s2, s3, find whether s3 is formed by the interleaving of s1 and s2. For example, Given: ...

  4. Android应用程序窗口（Activity）的测量（Measure）、布局（Layout）和绘制（Draw）过程分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8372924 在前面一篇文章中,我们分析了And ...

  5. Oracle Enterprise linux 7 安装Oracle11gR2

    一.修改主机名和IP地址: [root@localhost Desktop]# cat /etc/hosts127.0.0.1 localhost.localdomain localhost 192. ...

  6. iOS开发面试题整理 （三）

    1. 风格纠错题 修改完的代码: typedef NS_ENUM(NSInteger, CYLSex) { CYLSexMan, CYLSexWoman }; @interface CYLUser : ...

  7. 天坑 之 Eclipse J2EE Preview 运行正确项目一直显示http 404

    昨天下载了几个新Demo学习,结果不知道改了哪里,导致运行原先自己写的项目(JSP+Servlet+JDBC)(这理论上不会出什么大的问题吧?这么底层),结果莫名其妙的出现Http 404. 搞的我一 ...

  8. HDU 2157 - How many ways??

    给图,图中任意可达的两点间步数为1 问从图中A点走到B点步数为k的有几条路 祭出离散数学图论那章中的 邻接矩阵A. 设S=Ak 则 S[a][b] 为 a到b,步数为k的不同路的条数 剩下的就是矩阵快 ...

  9. Submission Details

    You are climbing a stair case. It takes n steps to reach to the top. Each time you can either climb ...

  10. 《C++ Primer Plus 6th》读书笔记 - 第十一章 使用类

    1. 运算符重载 2. 计算时间:一个运算符重载示例 3. 友元 1. 友元有三种: 友元函数 友元类 友元成员函数 4. 重载运算符:作为成员函数还是非成员函数 5. 再谈重载:一个矢量类 6. 类 ...