精华内容
下载资源
问答
  • 主要介绍了JQuery常见节点操作,结合实例形式分析了jQuery针对元素节点的添加、删除常见操作函数使用技巧与相关注意事项,需要的朋友可以参考下
  • dom对象中常见节点的属性

    千次阅读 2017-06-03 18:49:17
    onload = function(){  // 常见节点属性   // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用    // var a=document.body.lastChild.nodeValue;   // console.log("+"+a+"+");
    <!DOCTYPE html>
    
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <script>
            onload = function(){

            // 常见的节点属性

            // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用 

            // var a=document.body.lastChild.nodeValue;
            // console.log("+"+a+"+");
            //改变文本的值方法
            // var b="我是唯一的文本";
            // document.body.lastChild.nodeValue=b;


            //2,nodeName表示节点的名字 所有节点都有该属性 但是一般元素节点<html><body>什么的才会使用

            //元素节点打印的元素名都为大写
            // console.log(document.body.nodeName);
           
            //属性节点使用该属性时的结果
            // var a1=document.body.getAttributeNode("id").nodeName;
            // console.log(a1);//字符串“id”
            // var a2=document.body.attributes[0].nodeName;
            // console.log(a2);//另外一种方法访问属性节点


            //文本节点使用该属性时的结果
            // console.log(document.body.lastChild.nodeName);//文本节点得到#text
           

            //3.nodeType 结果数字1表示元素节点 2表示属性节点 3表示文本节点 

            // console.log(document.body.nodeType);
            // console.log(document.body.getAttributeNode("id").nodeType);
            // console.log(document.body.lastChild.nodeType);
            }
            </script>
        </head>
        <body id="q">
        这是一个文本节点
        </body>
    </html>
    展开全文
  • jQuery常见节点查找,父子兄弟等

    千次阅读 2018-07-03 10:10:59
    jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也...
    $(function(){
        //遍历获取的input元素对象数组,绑定click事件
        var len = $("input[type='file']").length;
        for(var i = 0; i < len; i++){
            $("input[type='file']").eq(i).click(function(){
                $(this).next().val("");
                $(this).next().hide();
                $(this).css("width","200px");
            })
        }
    }
    复制代码

    jQuery获取:

    jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

    jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

    jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

    jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点

    jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

    jQuery.prevAll(),返回所有之前的兄弟节点

    jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点

    jQuery.nextAll(),返回所有之后的兄弟节点

    jQuery.siblings(),返回兄弟姐妹节点,不分前后

    jQuery.find(expr),跟jQuery.filter(expr)完全不一样:

    jQuery.filter(),是从初始的jQuery对象集合中筛选出一部分,而

    jQuery.find(),的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span")

    JS获取:

    var chils= s.childNodes;  //得到s的全部子节点
    var par=s.parentNode;   //得到s的父节点
    var ns=s.nextSibling;   //获得s的下一个兄弟节点
    var ps=s.previousSibling;  //得到s的上一个兄弟节点
    var fc=s.firstChild;   //获得s的第一个子节点
    var lc=s.lastChild;   //获得s的最后一个子节点

    JS获取节点父级,子级元素:JS的方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素:空的text元素,目前IE也是这样

    <div id="test">
      <div></div>
      <div></div>
    </div>

    原生的JS获取ID为test的元素下的子元素。

    var a = docuemnt.getElementById("test").getElementsByTagName("div");

    这样是没有问题的,此时 a.length=2;

    但是如果我们换另一种方法:

    var b =document.getElementById("test").childNodes;

    此时b.length 在IE浏览器中没问题,其依旧等于2,但是在FF和谷歌浏览器中则会是5,是因为FF把换行也当做一个元素了(目前新版本IE也是这样)。

    所以,在此,我们就要做处理了。

    解决方案:

      (1)获取子节点时,可以通过node.getElementsByTagName()来回避这个问题。但是 getElementsByTagName对复杂的DOM结构遍历明显不如用childNodes,因为childNodes能更好的处理DOM的层次结构。

      (2)在实际运用中,Firefox在遍历子节点时,不妨在for循环里加上:

    if(childNode.nodeName=="#text") continue;//或者使用nodeType == 1

      这样可以跳过一些文本节点。

      (3)遍历这些元素,把元素类型为文本而且是空格的都删除。对于获取兄弟元素也是需要一样处理。

    复制代码
    function del_ff(elem){
      var elem_child = elem.childNodes;
      for(var i=0; i<elem_child.length;i++){
        if(elem_child[i].nodeName == "#text" && !/\s/.test(elem_child.nodeValue)){
          elem.removeChild(elem_child[i]);     }   } }
    复制代码

    上述函数遍历子元素,当元素里面有节点类型是文本并且文本类型节点的节点值是空的,就把他删除。

      nodeNames可以得到一个节点的节点类型,/\s/是非空字符在JS里的正则表达式。前面加!,则表示是空字符

      test() 方法用于检测一个字符串是否匹配某个模式,语法是: RegExpObject.test(string),如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。

      nodeValue表示得到这个节点里的值。

      removeChild则是删除元素的子元素。

    之后,在调用子,父,兄,这些属性之前,调用上面的函数把空格清理一下就可以了

    复制代码
    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
    <div id="main">
        <span class="prev"></span>
        <div id="test">
          <div class="1"></div>
          <div class="2"></div>
        </div>
        <div class="3"></div>
    </div>
    <script>
    function dom(){
      var s= document.getElementById("test"),
           m= document.getElementById("main");
      del_ff(s);  //清理空格
       del_ff(m);
      var chils= s.childNodes; //得到s的全部子节点
      var par=s.parentNode;  //得到s的父节点
      var ns=s.nextSibling;  //获得s的下一个兄弟节点
      var ps=s.previousSibling; //得到s的上一个兄弟节点
      var fc=s.firstChild;  //获得s的第一个子节点
      var lc=s.lastChild;  //获得s的最后一个子节点
    }
    function del_ff(elem){
      var elem_child = elem.childNodes;
      for(var i=0; i<elem_child.length;i++){
        if(elem_child[i].nodeName == "#text" && !/\s/.test(elem_child.nodeValue)){
          elem.removeChild(elem_child[i]);
        }
      }
    }
    window.onload = function(){
        dom();
    }
    </script>
    </body>
    </html
    展开全文
  • DOM中常见节点操作方法

    千次阅读 2018-06-27 20:44:59
    1.创建节点 a.创建元素节点:document.createElement("div"); b.创建文本节点:document.createNode("Hello world");2.插入节点 a.在父元素中插入节点:parentNode.appendChild(newNode); b...

    1.创建节点

        a.创建元素节点:document.createElement("div");

        b.创建文本节点:document.createNode("Hello world");

    2.插入节点

        a.在父元素中插入节点:parentNode.appendChild(newNode); 

        b.将节点插入到父元素之前:parentNode.insertBefore(newNode,positionNode);

    3.获取节点

        a.获取单个节点

            1) document.getElementById();

            2) document.querySelector();匹配指定css选择器元素的第一个子元素 

        b.获取多个元素

            1) document.getElementsByTagName(); //返回一个对象数组(准确的说是HTMLCollection集合
            2) document.getElementsByName(); //返回一个有相同name的数组
            3) document.getElementsByClassName(); 返回文档中所有指定类名的元素集合,作为 NodeList 对象

            4) document.querySelectorAll();//匹配指定css选择器元素的所有子元素 

        c.获取父元素  ele.parentNode;

        d.获取子元素 ele.children;

        e.获取兄弟节点

            1) ele.previousElementSibling;//上一个兄弟元素 

            2)ele.nextElementSibling//下一个兄弟元素

         e.节点移除   parentNode.removeChild(childNode)

         f.替换子元素  parentNode.replaceChild(newNode,oldNode)

        g.复制元素  ele.cloneNode(boolean);      boolean为true,同时复制子节点。

    4.属性操作 

        ele.setAttribute(name,value)//设置属性 
        ele.getAttribute(name)//获取元素的属性 
        ele.removeAttribute(name)//移除属性




    展开全文
  • activiti中几种常见节点类型

    千次阅读 2019-07-16 17:35:01
    开始节点:StartEvent 任务节点: UserTask SequenceFlow:流转线条 ExclusiveGateway:排他网关 EndEvent:结束节点 可以根据FlowElement instanceOf 判断节点类型做相应判断

    开始节点:StartEvent

    任务节点: UserTask

    SequenceFlow:流转线条

    ExclusiveGateway:排他网关

    EndEvent:结束节点

    可以根据FlowElement instanceOf 判断节点类型做相应判断

    展开全文
  • 主要介绍了JS常见DOM节点操作,结合实例形式分析了JavaScript针对DOM节点的创建 ,插入,删除,复制,查找等操作相关函数与使用技巧,需要的朋友可以参考下
  • 本文主要对节点的创建及常见功能的实现方法进行介绍,希望会对大家学习javascript有所帮助,下面就跟小编一起来看下吧
  • 这篇文章以Docker的社区插件为例,介绍一下在Node-RED中安装节点常见的三种方式。
  • Jenkins启动节点常见报错

    千次阅读 2019-08-20 15:11:43
    1、Jenkins启动节点时报错Slave JVM has terminated. Exit code=126 这个是由于Jenkins中的Java版本与节点服务器上面的不一致,需要在节点中配置Java地址: 需要指定到java地址 2、cat't find remoting.jar ...
  • hadoop-2.52-hbase-0.14-hadoop2 ha高可用安装,hbase动态添加删除节点,hbase集群正常状态及启动,hbase 问题汇总
  • 关于hadoop集群常见节点失联问题

    千次阅读 2018-04-20 14:53:27
    节点失去心跳 1.先看下是否能连上 ssh上去看一下,或者ping一下 如果能连上的考虑是主机名和时间同步问题 查看hostname是不是发生了变化,检查/etc/hosts文件是否一致 查看时间与namenode节点是否一致 确定没有这...
  • 在构建多节点私有链网络时,遇到了诸多问题,首先...还有我是在两台电脑上构建的2个节点,虽然方法没错,但是节点的添加是失效的,所以,一定要在虚拟机下建立两个节点(浪费我好多时间),这样才会成功建立节点集群。
  • C语言——带头节点单链表常见操作

    千次阅读 2017-04-20 17:04:20
    #include #include typedef struct stu { int data; //存放数据 struct stu* next; //下一个节点地址 }Node; typedef struct { int count; // 节点个数 Node* head; // 头结点 ...//创建新节点功能
  • DOM里常见的三种节点类型

    千次阅读 2017-04-20 10:21:56
    从DOM层次来看,nodeName是node 接口上的property,而tagName是element 接口上的property,所有的节点(元素节点,属性节点,文本节点等12种)都继承了node接口,而只有元素节点才继承了element节点,因此nodeName...
  • Java中十大常见Java String问题_动力节点Java学院整理
  • 两种常见挂载Jenkins slave节点的方法

    万次阅读 2016-07-27 17:40:02
    1、挂载slave节点的方法在Jenkins的Master上,进入Mange node页面,可以管理node节点,例如新加、删除等操作。 新加node节点的页面如下: 其中, Name是节点名字; Description是节点描述; # of executors是...
  • pbdesk-gulp-utils 通过节点模块共享的常见 Gulp 任务
  • MySql 获取树形结构所有子节点 表数据如下: SELECT * FROM zpermission WHERE id IN ( SELECT id FROM zpermission WHERE parentId =1 UNION ( SELECT id FROM ( SELECT...
  • 另外,各位考研的同学,“结”点,不是节点。是结点!! 还有, 祖先不包括你的大伯结点(就是父节点的兄弟结点)! 父节点就是双亲结点,是叫法不同。 堂兄弟结点不包括你的亲兄弟结点! ...
  • 第一:解决weblogic启动受管服务器报错Authentication for user weblogic denied问题描述:使用./startManagedWebLogic.sh Server2 t3://localhost:8080启动节点服务器报错。奇怪的是,刚刚输入的用户名和密码登录...
  • 保存当前节点上个节点,循环遍历整个链表,如果当前节点的值与下一个节点的值相等,则将当前节点的值与next.next节点的值比较,直到不相等或者null为止,最后将当前节点的上个节点pre指向最后比较不相等的节点。...
  • 常见链表操作之获取链表节点个数

    千次阅读 2018-01-17 11:11:02
    获取链表节点个数,是最简单的操作,需要注意链表是否为空! int GetListNodeLen(LIST_NODE * m_pHead) { if (m_pHead == NULL) { return 0; } LIST_NODE * pTemp = m_pHead; int aListLen = 0; while...
  • NodeType节点及 去空白文本节点

    千次阅读 2016-09-20 14:42:29
    nodeType 节点的类型,Node有很多类型,元素节点,属性节点,文本节点,注释节点等,通过NodeType区分,常见的有 节点类型 NodeType 元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9 ...
  • 给出任意单向链表,找出并返回该链表的中间节点。 奇数长度的链表,例如:1-&gt;2-&gt;3-&gt;4-&gt;5 返回节点 3 偶长度的链表,例如:1-&gt;2-&gt;3-&gt;4-&gt;5-&gt;6 返回...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 396,235
精华内容 158,494
关键字:

常见的节点