• 操作DOM元素


    一、元素节点获取

    1、通过id获取:document.getElementById(id属性值)

    2、通过标签名获取:document.getElementsByTagName(标签名称)

    3、通过name属性值获取:document.getElementsByName(name属性值)

    4、通过class属性值获取:document.getElementsByClassName(class属性值)

     二、文本节点获取

    1、.firstchild获得第一个子节点

    2、lastchild获得最后一个子节点

    3、nodetype获得节点的类型,3为文本类型

    4、.wholetext获得文本信息

    三、父节点

    节点.parentnode

    四、属性值操作

    标签对象.getattribute(属性名)返回指定属性名的属性值

    标签对象.setattribute(属性名,属性值)添加指定的属性,并为其赋指定的值

    五、属性节点的获取

    标签对象.attributes==>把元素节点对象的全部属性以数组的形式 给返回出来

    六、节点.nodeType:判断节点类型

     1->元素节点  2->属性节点  3->文本节点   9->document节点

    七、节点的创建和追加

    1、创建标签document.createElement

    2、创建文本内容document.createtextnode

    节点的追加

    .appendchild()

    .replacechild(替换的内容,被替换的内容)

    节点复制追加

    .clonenode(true)深层复制(本身和内部子节点都复制)

    .clonenode(false)浅层复制(复制本身包括属性)

    注意要追加到body里面,否则不显示

    八、节点的删除

    .parentnode.removechild

    九、操作css样式

    标签对象.style.样式名

    修改样式

    标签对象.style.样式名=样式值

  • 相关阅读:
    Thinkphp框架网站 nginx环境 访问页面access denied
    jenkins 构建触发器 Poll SCM 和 Build periodically区别
    jenkins持续化集成工具 centos 6.5安装
    centos 6.5升级内核到3.1
    awk常见用法
    html手机网页自适应宽度
    centos 6.8安装java环境
    论mysql主从复制里面的那些坑
    redis持久化
    spring配置日志
  • 原文地址:https://www.cnblogs.com/chenyang-1/p/8231730.html
Copyright © 2020-2023  润新知