zoukankan      html  css  js  c++  java
  • js操作DOM对象

    js操作DOM对象  (Document Object Model)文档对象模型

    nodeType返回值
    1:元素节点
    2:属性节点
    3:文本节点
    8:注释节点
    9: 文档节点

    nodeName 节点名称
    nodeType 节点类型
    nodeValue 节点值


    setAttribute("属性名","属性值")
    getAttribute("属性名") 根据属性名获取对应的属性值

    getAttributeNode("属性名") 获取的是属性节点


    createElement() 新增节点
    insertBefore(newLi,li) 把newLi放在li之前
    replaceChild(newLi,li)把newLi替换li的位置
    removeChild()删除指定的子节点
    parentNode 获取父节点
    appenChild()追加子节点

    通过js中的style属性可以为节点动态的增加css样式

    style.属性名
    之前css的属性名 background-color
    现在属性名 backgroundColor

    className用来动态的给节点设置class属性!

    tabs选项卡功能的实现

    offsetLeft 返回元素左边距 到 父级的左边距
    offsetTop 返回元素上边距 到 父级的上边距
    offsetHeight 元素的高度
    offsetWidth 元素的宽度
    offsetParent 返回元素的父级容器
    scrollTop 滚动条的垂直距离
    scrollLeft 滚动条的水平距离
    clientWidth 返回元素可见宽度
    clientHeight 返回元素可见高度

  • 相关阅读:
    好吧,左小波出山了——ie8兼容indexOf问题
    jmeter负载机运行/添加压力机/分布式
    jmeter操作数据库
    Charles手机抓包设置&无法打开火狐网页设置
    python学习-Day1-接口测试
    动态SQL
    MyBatis缓存
    正则表达式
    MyBatis配置文件的配置说明
    几种数据源的配置
  • 原文地址:https://www.cnblogs.com/wodebokezhijian/p/7787683.html
Copyright © 2011-2022 走看看