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

  • 相关阅读:
    P2403 [SDOI2010]所驼门王的宝藏
    差分约束系统
    题解报告——运输计划
    差分与树上差分
    题解报告——天使玩偶
    题解报告——Mokia
    CDQ分治&整体二分(未完待续)
    点分治
    AC自动机
    树链剖分
  • 原文地址:https://www.cnblogs.com/z1234/p/6018419.html
Copyright © 2011-2022 走看看