zoukankan      html  css  js  c++  java
  • 11.23 DOM

    DOM
    查看节点类型
    nodeType  返回数字值返回指定节点的节点类型
         如果节点是元素节点,则返回1
        如果节点是属性节点,返回2
        如果节点是文本节点,返回3;
    nodeName   返回节点名称(大写标签名)    text.nodeName  返回节点的所有子节点
    nadeValue  文本节点返回文本内容,其他节点返回Null
    childNodes[] 返回节点的所有子节点

    获取方法:  element[attributename]
            element.attributename
        get.Attribute(attributename)
    设置属性   
        setAttribute(attributename,attributevalue)
    删除属性
        removeAttribute(attributename)

    操作子节点
    创建节点:   createElement
        eg:var node=document.createElement('p')
                    node.inner=''
    appendChild  在DOM子集最后添加子节点
    使用方法 : parentNodeObj.appendChild(newNode)
    insertBefore  在指定的已有子节点之前插入新的子节点
        方法:  parentNodeObj.insertBfore(newNode,目标节点[再次之前插入])
    removeChild  删除一个节点
        方法:  parentNodeObj.removeChild(removeNode[需要删除的子节点])
    replaceChild 替换节点
        方法:  parentNodeObj.replaceChild(newNode,目标节点[要替换的节点])

    常用属性
         className  类名
         offsetHeight 高
         offsetWidth 宽
         offsetLeft,offsetTop  获取距离第一个定位父节点左上角的距离

  • 相关阅读:
    job 定时任务的五种创建方式
    一步步实现 Redis 搜索引擎
    数据库第一二三范式
    MongoDB数组更新操作$addToSet和$each修饰符
    V8 执行 JavaScript 的过程
    servicebestpractice项目的更新
    公主连结过root检测-frida
    android使用AsyncHttpClient发送请求
    js检测dom元素的变化
    安卓手机关闭防火墙命令
  • 原文地址:https://www.cnblogs.com/xiaoxiongv1/p/7886593.html
Copyright © 2011-2022 走看看