zoukankan      html  css  js  c++  java
  • DOM浏览器文档模型

    DOM浏览器文档模型

    1、XHM/XHTML 编写成DOM文档 可形成动态网页

    2、‘*’获取所有节点

       GetElementsByTagName():获取所有的标签名的集合——需要在js中使用window.onload   (按顺序)

       GetElementsByName():获取指定的对象的名称的集合——主要针对表单元素(name为默认元素)

       GetElementById():得到指定id的第一个元素

       getElementsByClassName():返回指定类元素的集合(IE不兼容)

    通过类名来获得元素集合

    Function mygetelementbyclassname(classname){

    Var list = [];

    if(document.all){

    Var taglist = document.getelementbytagname(‘*’);

    For(var i = 0;i<taglist.length;i++){

    If(list[i].classname == classname){

    List.push(taglist[i[);

    }

    }

    Return list;

    }else{

    Return document.getelementbyclassname();

    }

    }

    }

    3、获取节点的类型:返回一个常量

    4、辅助对象:nodelist 遍历节点 namednodemap:得到元素属性集合(节点类型:nodetype

       元素节点.属性:得到属性的值

    5、创建和操作节点——document

       creatElement(‘元素名称:列如:p标签’)

       InnerHTML:添加文本内容

       appendChild——添加元素 createElementFragment():提高添加效率

       Clonenode(ture);——克隆

    6、得到文本内容:textNode.nodeValue / textNode.data;——文本节点.length(文本长度:也是一个数组)

       获得文本节点:元素.fristChild; / 元素.innerHTML

       insertData(第一个是位置,字符串)——添加到位置的前面;

       replaceData(位置,替换长度,字符串)

    7、操作属性节点:元素节点.setAttritute();

    8、操作table

       deleteRow(纯数字—从0开始):删除指定位置的一行

       InsertRow(添加的参数的前面);——返回tableRow

       tabelRow.Insertcell(添加列);——返回列cell:添加数据cell.innerHTML

  • 相关阅读:
    COMMIT WORK AND WAIT 是在WAIT什么
    BINARY SEARCH in read table statement
    SAP 金额在表中的存储及货币转换因子
    REUSE_ALV_POPUP_TO_SELECT的使用技巧
    SAPScript、Smartforms动态打印图像或者背景图片
    SAP_Web_Service开发配置
    SAP中关于用户IP信息的获取(转载)
    DevExpress控件开发常用要点(项目总结版)
    鼠标指向表格时 显示更多信息 toolTipController1
    DevExpress组件之——TreeList组件
  • 原文地址:https://www.cnblogs.com/z1234/p/6018419.html
Copyright © 2011-2022 走看看