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  获取距离第一个定位父节点左上角的距离

  • 相关阅读:
    交叉验证概述
    【Python那些事儿之十】range()和xrange()
    Numpy基础笔记
    matplotlib中使用imshow绘制二维图
    Django+Django-Celery+Celery的整合实战
    Nginx+uWSGI+Django部署web服务器
    uwsgi
    uwsgi 神器问题
    disagrees about version
    协议基础:SMTP:使用Telnet学习SMTP协议
  • 原文地址:https://www.cnblogs.com/xiaoxiongv1/p/7886593.html
Copyright © 2011-2022 走看看