zoukankan      html  css  js  c++  java
  • 第四章 DOM节点操作

    1.什么是DOM:
    DOM(document object model)文档对象模型,把每一个元素看做是一个
    节点,然后对节点进行增删改查的操作

    2.DOM的分类:
    (1)Core Dom:可以对html,XHTML,xml进行操作
    (2)html DOM:可以对html,XHTML进行操作
    (3)XML DOM:可以对xml进行操作

    3.DOM节点的分类:
    (1)标签称之为元素节点
    (2)属性称之为属性节点
    (3)文本内容称之为文本节点

    4.获取和设置属性的方法:
    获取属性值:object.getArrtribute("属性名");
    修改属性值:object.setArrtribute("属性名","属性值");

    5.访问节点的方法1:
    getElementById():返回一个节点对象
    getElementsByName():返回多个(j节点数组)
    getElementsByTagName():返回多个(节点数组)

    6.访问节点的方法2(根据节点层次查询):
    parentNode 父节点
    firstChild 第一个子节点
    lastChild 最后一个子节点
    ChildNodes 返回子节点数组
    nextSibling() 返回节点的下一个兄弟节点
    previousSibling() 返回节点的上一个兄弟节点

    7.创建和增加节点的方法:
    createElement():创建节点
    appendChild():末尾追加方式插入节点
    insertBefore():在指定节点前插入新节点
    cloneNode():克隆节点

    8.删除和替换节点:
    removeChild();删除节点
    replaceChild():替换节点

    9.什么是HTML对象:
    html文档中的每个节点都是DOM对象,每类对象都有一套属性
    方法,最常用的就是<table>表格和各类表单<form>元素对象

    10.表格相关对象:
    整个表格:table
    表格中的一行:tableRow
    表格中的一个单元格:tebleCell

    11.表格中所有行的相关信息:
    类别 名称 描述
    属性 rows[] 返回包含表格中所有行的一个数组
    方法 insertRow() 在表格中插入一个新行
    deleteRow() 从表格中删除一行

    12.表格单行的相关对象
    类名 名称 描述
    属性 cells[] 返回包含行中所有单元格的一个数组
    rowIndex[] 返回该行在表中的位置
    方法 insertCell() 在一行中的指定位置插入一个空的<td>标签
    deleteCell() 删除行中指定的单元格

    13.表格单个单元格的相关对象
    类名 名称 描述
    属性 cellIndex 返回单元格在某行单元格集合中的位置
    innerHTML 设置或返回单元格的开始标签和结束标签之间的HTML
    align 设置或返回单元格内部数据的水平排列方式
    className 设置或返回元素的class属性

  • 相关阅读:
    从BATS交易所获取空头头寸
    用cython提升python的性能
    用Python编写的第一个回测程序
    Omi框架学习之旅
    Omi框架学习之旅
    AlloyTouch.js 源码 学习笔记及原理说明
    AlloyFinger.js 源码 学习笔记及原理说明
    Git 学习笔记
    从数组中每次取一个不同的数组成员 getRandomItem(arr)
    move.js 源码 学习笔记
  • 原文地址:https://www.cnblogs.com/suola/p/8275937.html
Copyright © 2011-2022 走看看