zoukankan      html  css  js  c++  java
  • DOM:节点操作

    //查找节点
    document.getElementById("id");// 通过id查找,返回唯一的节点
    document.getElementsByClassName("class");// 通过class查找,返回值为nodeList类型
    document.getElementsByTagName("div");// 通过标签名查找,返回值为nodeList类型
    document.getElementsByName;// 通过表单元素的name获取元素节点
    document.querySelector("[selector]");// 支持一切css中的选择器,但如果匹配多个,只会返回第一个
    document.querySelectorAll("[selector]");// 返回所有选中的元素

    //创建节点
    document.createDocumentFragment();//创建内存文档碎片
    document.createElement();//创建元素
    document.createTextNode();//创建文本节点

    //添加节点
    var ele = document.getElementById("my_div");
    var oldEle = document.createElement("p");
    var newEle=document.createElement("div");
    ele.appendChild(oldEle);

    //删除节点
    ele.removeChild(oldEle);

    //替换节点
    ele.replaceChild(newEle,oldEle);

    //插入节点
    ele.insertBefore(oldEle,newEle);//在newEle之前插入 oldEle节点

    //复制节点
    var cEle = oldEle.cloneNode(true);//深度复制,复制节点下面所有的子节点
    cEle = oldEle.cloneNode(false);//只复制当前节点,不复制子节点

    //移动节点
    var cloneEle = oldEle.cloneNode(true);//被移动的节点
    document.removeChild(oldEle);//删除原节点
    document.insertBefore(cloneEle,newEle);//插入到目标节点之前

    https://www.jianshu.com/p/632c7dcc67a3

    从现在开始,种下梦想中的参天大树
  • 相关阅读:
    将IIS中网站日志批量导入到mysql【python】
    Python网站日志分析
    python 获取文件版本号和修改时间
    python将IIS日志导入到SQL
    python2.7 MySQLdb模块在win32下安装
    《python核心编程》课后题第二版第十五章463页
    python批量文件重命名
    python随机生成彩票号码
    python获取IP归属地
    百度收录批量查询【python版】
  • 原文地址:https://www.cnblogs.com/dc2019/p/13543829.html
Copyright © 2011-2022 走看看