zoukankan      html  css  js  c++  java
  • 操作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.样式名=样式值

  • 相关阅读:
    aspCms 标签大全
    WPF布局
    WPF动画
    WPF样式
    数据库备份
    选择器,DOM操作,事件
    JQuery(DOM操作)
    JQuery
    webfrom用户控件
    LinQ to SQL==查询
  • 原文地址:https://www.cnblogs.com/chenyang-1/p/8231730.html
Copyright © 2011-2022 走看看