zoukankan      html  css  js  c++  java
  • DOM文档对象模型

    是什么:

    DOM文档对象模型是基于HTML树的api,这里可以把HTML结构看成是一颗树形结构,使用DOM可以操作树中的节点,即操作(增删改查)HTML标签。

    获取对象:

    getElementById

    getElementsByName

    getElementsByTagName

    hasChildNodes:判断当前html标签对象下是否包含子节点

    文档中每个节点都有这三个属性:

    • nodeName,获取节点名字
      • 如果节点是元素节点,nodeName返回这个元素的名称
      • 如果是属性节点,nodeName返回这个属性的名称
      • 如果是文本节点,返回一个内容为#text的字符串
    • nodeType,返回一个整数,数值表示节点的类型,常用的有下面三个:
      • 元素节点,返回1
      • 属性节点,返回2
      • 文本节点,返回3
    • nodeValue,获取节点的当前值
      • 元素节点,null
      • 属性节点,当前属性的值
      • 文本节点,返回文本内容

    replaceNode替换节点

    getAttribute获取标签中的属性,

    var username = document.getElementById("name");

        var nameType = username.getAttribute("type");

    alert(nameType);

    setAttribute给对象添加属性

    var d1 = document.getElementById("d1");

    d1.setAttribute("style","color:red");

    createElement可以创建一个标签,createTextNode向标签中添加文本

      //创建option标签

        var optionNew = document.createElement("option");

        //添加属性

        optionNew.setAttribute("value","run");

        //添加文本

        var txt = document.createTextNode("跑步");

        optionNew.appendChild(txt);

        //将标签加入到select中

    var hobby = document.getElementById("hobby");

    hobby.appendChild(optionNew);

    insertBefore在指定位置之前插入标签。

    removeChild删除指定元素。

    innerHTML获取对象的内容

  • 相关阅读:
    (转)样本方差的期望
    (转)Python 字典排序
    曝光补偿
    python判断字符串是否包含子字符串
    python requests接口测试 -----博客园串接口
    jmeter+ant+jenkins 搭建接口自动化测试
    TOMCAT闪退。cmd执行startup.bat保错:the CATALINA_HOME environment variable is not defined correctly
    selenium python自动化测试 ddt数据驱动
    jenkins到底如何拉取代码 如何部署的
    git 常用命令
  • 原文地址:https://www.cnblogs.com/feichangnice/p/10836547.html
Copyright © 2011-2022 走看看