zoukankan      html  css  js  c++  java
  • HTML DOM学习之一

    1.HTML DOM定义了访问和操作HTML文档的标准方法:DOM以树型结构表达了HTML文档;

    2.DOM是W3C的标准,定义了访问HTML和XML文档的标准:

    DOM(文档对象模型)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容,结构和样式;

    3.DOM标准分为3个不同的部分:

    **核心 DOM:针对任何结构化文档的标准模型;

    **XML DOM:针对XML文档的标准模型;

    **HTML DOM:针对HTML文档标准模型;

    4.XML DOM:定义了所有XML元素的对象和属性,以及访问它们的方法;

    5.HTML DOM:关于如何获取,修改,添加或删除HTML元素的标准;

    6.HTML DOM节点:在HTML DOM中,所有事物都是节点。DOM是被视为节点树的HTML

    **整个文档是一个文档节点

    **每个HTML元素是元素节点

    **HTML元素内的文本是文本节点

    **每个HTML属性是属性节点

    **注释是注释节点

    7.节点父,子和同胞:节点树的节点彼此拥有层级关系;

    **父,子和同胞等术语用于描述这些关系;

    **每一个节点都有父节点,除了根它没有(父节点);

    **一个节点可拥有任意数量的子;

    **同胞是拥有相同父节点的节点;

    8.例如:

    <html>

      <head>

      <title>DOM Tutorial</title>

      </head>

      <body>

      <h1>DOM Lesson one</h1>

      <p>Hello world!</p>

      </body>

    </html>

    **<html>节点没有父节点;它是根节点

    **<head>和<body>的父节点是<html>节点

    **文本节点"Hello world!"的父节点是<p>节点

    9.HTML DOM方法:方法是我们可以在节点(HTML元素)上执行的动作:

    (1)编程接口:

    **可通过JavaScript(以及其他编程语言)对HTML DOM进行访问;

    **所有HTML元素被定义为对象,而编程接口则是对象方法和对象属性;

    **方法是您能够执行的动作(比如添加或修改元素)

    **属性是能够获取或设置的值(比如节点的名称或内容)

    (2)getElementById()方法:返回带有指定ID的元素

    var element=document.getElementById("intro");

    10.HTML对象-方法:

    **getElementById(id)-获取带有指定id的节点(元素)

    **getElementByTagName()-返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)

    **getElementByClassName()-返回包含带有类名的所有元素的节点列表

    **appendChild(node)-插入新的子节点

    **removeChild(node)-删除子节点

    **replaceChild()-替换子节点

    **insertBefore()-在指定的子节点前面插入新的子节点

    **createAttribute()-创建属性节点

    **createElement()-创建元素节点

    **createTextNode()-创建文本节点

    **getAttribute()-返回指定的属性值

    **setAttribute()-把指定属性设置或修改为指定的值

     

    11.HTML DOM对象的属性:

    **innerHTML-节点(元素)的文本值

    **parentNode-节点(元素)的父节点

    **childNodes-节点(元素)的子节点

    **attributes-节点(元素)的属性节点

     

  • 相关阅读:
    iOS7——UIControlEventTouchDown延迟响应问题
    View.setTag(key,object)异常:The key must be an application-specific resource id.
    为什么阿里巴巴规定禁止超过三张表 join?
    四种常见的系统架构,目前你处于哪个阶段呢?
    JAVA BigDecimal的相加(累加)
    MyBatis中Like语句使用方式
    mybatis传参的几种方式
    英语说话方式思维和汉语说话的区别
    EXTJs前端传值的几种方式
    oracle+MyBatis批量导入sublist
  • 原文地址:https://www.cnblogs.com/hqutcy/p/5998298.html
Copyright © 2011-2022 走看看