Node:
 1.在 HTML DOM (文档对象模型)中,每个部分都是节点:
    文档本身是文档节点
    所有 HTML 元素是元素节点
    所有 HTML 属性是属性节点
    HTML 元素内的文本是文本节点
    注释是注释节点
 2.节点属性:
    element.childNodes 返回元素子节点的 NodeList
    element.className 设置或返回元素的 class 属性
    element.firstChild 返回元素的首个子节点
    element.lastChild 返回元素的最后一个子元素
    element.nextSibling 返回下一个兄弟节点
    element.previousSibling 返回前一个兄弟节点
    element.nodeName 返回元素的名称
    element.nodeType 返回元素的节点类型
    element.nodeValue 设置或返回元素值
    element.parentNode 返回元素的父节点
    nodelist.item() 返回 NodeList 中位于指定下标的节点
    nodelist.length 返回 NodeList 中的节点数
    element.firstElementChild 第一个元素节点
    element.firstChild.textContent 第一个子节点中的文本
  3.属性:
    节点中文    类型(nodeType)    nodeName节点名        节点值(nodeValue)
    元素            1            tagName                null
    属性            2            attr                属性值
    文本            3            #text                文本值
    注释            8            #comment            注释文字
    文档            9            #docment            null
  4.新增节点:
    (在父节点最后面新增)
    1.新建元素;var a=document.createElement("标签名");
    2.新建文本:var b=documnet.createTextNode("内容文本");
    3.新增元素文本:a.appendChild(b);
    4.获取父节点:var c=document.getElementById(“id父”);
    5.新增标签:c.appendChild(a);

第二个方法insertBefore()(在指定已有子节点前添加新节点):
    5.获取添加位置的子节点:var d=document.getElementById(“id子”);
    6.c.insetBefore(a,d);

5.删除节点:
    1.获取删除节点:var a=document.getElementById(“id删”);
    2.获取父级节点:var b=document.getElementById(“id父”);
    3.删除:b.removeChild(a);
    第二种:
    a.parentNode.removeChild(a);
  6.替换节点:
    parent.replaceChild(新的子节点,要替换的子节点);
  7.克隆节点:
    cloneNode("ture/flase") 方法克隆所有属性以及它们的值
    cloneNode("ture")克隆节点及其属性,以及后代
    cloneNode("flase")克隆节点及其后代
    1.获取要克隆的节点:var a=document.getElementById("id");
    2.克隆:var b=a.cloneNode(true);
    3.添加:c.appendChild(b);

8.对样式表的操作:
    1.对内嵌:<div style="color:#f00">内嵌样式</div>
          <script type="text/javascript">
            document.getElementById('test').style.color = '#000';
          </script>
    2.对外部样式表只能读取不能修改

JavaScript中NODE操作学习总结的更多相关文章

  1. javascript中的正则表达式学习

    一.前言 关于正则表达式自身的语法这里不做过多介绍(详情可参见http://www.php100.com/manual/unze.html),这里仅仅解释javascript中和正则表达式相关的几个方 ...

  2. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  3. JavaScript中ActiveXObject操作本地文件夹

    在Windows平台上, js可以调用很多Windows提供的ActivexObject,本文就使用js来实现文档处理, 和使用js编写ActiveX做一个简单介绍. <!DOCTYPE HTM ...

  4. JavaScript中的EcMAScript学习笔记

    一.Javascript概述(知道)    a.一种基于对象和事件驱动的脚本语言    b.作用: 给页面添加动态效果    c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAs ...

  5. JavaScript中 Promise的学习以及使用

    今天一个哥们发过来一段js代码,没看懂,就顺便学习了一下,代码如下  Promise.resolve('zhangkai').then(value => {console.log(value)} ...

  6. Javascript中Object常用方法学习

    1.Object.assign 函数(对象)(JavaScript) 将来自一个或多个源对象中的值复制到一个目标对象.语法: Object.assign(target, ...sources ); 此 ...

  7. R中双表操作学习[转载]

    转自:https://www.jianshu.com/p/a7af4f6e50c3 1.原始数据 以上是原有的一个,再生成一个新的: > gene_exp_tidy2 <- data.fr ...

  8. javascript中的事件学习总结

    一.实例: 一段用js实现的固定边栏滚动特效代码(跨浏览器使用): 二.总结: 由于事件处理在不同浏览器之间存在差异(主要是要考虑ie8及以下浏览器的兼容性),所以在使用处理事件的方法之前,先要判断当 ...

  9. ant中copy操作学习心得(转)

    Ant真是太方便了,以前都没注意到它.功能很强大,能创建数据库,配置服务器,部署发布应用……只需要写好build.xml文件,剩下的就交给ant来“安装”你的WEB应用了. Appfuse的第一个an ...

随机推荐

  1. python魔术方法

    在类中有一些特殊的方法具有特殊的意义,比如__init__和__del__方法,它们的重要性我们已经学习过了. 一般说来,特殊的方法都被用来模仿某个行为.例如,如果你想要为你的类使用x[key]这样的 ...

  2. CSS左中右布局,规范案例

    html部分 <body> <form id="form1" runat="server"> <div id="wrap ...

  3. 打开网页自动弹出QQ临时会话 (打开网站弹出QQ聊天) qq.js文件代

    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35 ...

  4. 2014上半年acm总结(1)(入门+校赛)

    大一下学期才开始了acm,不得不说有一点迟,但是acm确实使我的生活充实了很多,,不至于像以前一样经常没事干=  = 上学期的颓废使我的c语言学的渣的一笔..靠考前突击才基本掌握了语法 寒假突然醒悟, ...

  5. Guava缓存器源码分析——缓存统计器

    Guava缓存器统计器实现: 全局统计器——         1.CacheBuilder的静态成员变量Supplier<StatsCounter> CACHE_STATS_COUNTER ...

  6. 一个很好的用C#导出数据到Excel模板的方法

    /// <summary> /// 导数据到Excel模板 /// </summary> /// <param name="tab">要输出内容 ...

  7. 《think in python》学习-4

    think in python -4 接口设计: 本章引入了一个实例 来讲解接口方面的知识. 准备工作: 下载swampy模块,从地址下载,并安装,安装信息可以从网页上查看. swampy模块 提供各 ...

  8. 查看MDB格式文件数据表

    当打开一个MDB格式的ACCESS文件后,如果里面默认的都是窗体视图,要查看数据表的信息,可以“创建-查询设计”查看表信息,或是在SQL视图中编写SQL语句来实现. 或按着Shift键打开文件.

  9. php汉字生成首字母

    function getfirstchar($s0){ $fchar = ord($s0{}); }); $s1 = iconv("UTF-8","gb2312" ...

  10. EBS R12 修改 apps 密码[Z]

    注意:修改密码时应保证所有用户已退出, 最好是关闭应用实例.不用关闭数据库.在修改密码之前一定要改备下数据库中的FND_ORACLE_USERID和FND_USER表.FNDCPASS工具会自动把AP ...