`
wsql
  • 浏览: 11804760 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

DOM常用技术

 
阅读更多

1、DOM：文档对象模型，是表示文档（如HTML文档）和访问、操作构成文档的各种元素（如HTML标记和文本串）的应用程序接口（API）。

2、在DOM中，文档的层次结构被表示成一颗倒立的树，树根在下，树叶在下，树节点表示文档中的内容。其中，DOM树的根节点是哥Document对象，该对象的documentElement属性引用表示文档根元素的Element对象。对于HTML文档，表示文档根元素的Element对象是<html>标记，<head>和<body>元素是树的枝干。

3、获取文档中的指定元素

有两种直接搜索文档中指定元素的方法：通过元素ID属性获取元素和通过元素的name属性获取元素

1）通过元素ID属性获取元素

使用document对象的getElementsById()方法可以通过元素的ID属性获取元素。例如，获取文档中id属性为useId的节点的代码如下：

document.getElementsById("useId");

2）通过元素的name属性获取元素

使用document对象的getElementsByName()方法可以通过元素的name属性获取元素。例如，获取文档中name属性值为userName的节点代码如下：

document.getElementsByName("userName");

两者的区别：

getElementsByName()方法返回值为一个数组，getElementsById()方法返回的是一个元素。如果想通过name属性获取页面中唯一的元素，可以通过获取返回数组中下标为0的元素进行获取。如：

document.getElementsByName("userName")[0];

分享到：
| how to connect to vnc to share the xwind ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    XML DOM技术的设计

    掌握DOM解析器，包括创建DOM解析器的步骤；Doucument对象的结构。节点的类型，包括Node接口；Node 接口的常用方法；节点的子孙关系。各节点的实例，包括element节点 、Text节点、 Attr节点 、 DocumentType节点、 ...

    利用DOM技术对XML文档进行访问与操作

    [实验目的]: 理解应用程序访问与操作XML文档的过程; 掌握用DOM创建XML文档的步骤; 掌握DOM常用类的使用方法 [实验内容] 利用DOM创建如下结构的XML文档（文件名定为：new.xml）

    DOM和JQuery简单易学实例

    .Net的DOM和JQuery简单实例让更多的.Net人员体验到开发中常用的技术

    android xml 的解析 sax dom pull 解析

    android 应用程序 做的 解析xml 用了三种技术 sax dom pull 三种解析xml的常用技术 另外还有一些怎么快速的让指定文件读取到xml文件中

    xml解析（sax，dom，jdom）

    里面包含了比较常用的xml文件解析技术，主要是dom解析，jdom解析，sax解析

    jdom+dom4j解析xml.docx

    本文列举了jdom和jdom4j解析xml文档的常用方法，根据实际操作进行总结出xml操作技术与方法。

    解析xml中的java包

    常用技术： 标准Dom、JDom（为Java提供的解析技术）、Dom4j（优化之后的解析技术）、SAX（大型xml解析的技术） 树模型：DOM、JDOM、Dom4j； 特点：算法丰富、操作比较简单；一次性读取所有内容到内存（不适于大型...

    13本网页设计技术手册

    13本网页设计技术手册，是我花了很多时间收集起来的，分享给大家了，全都是chm格式的，希望大家喜欢，下面是目录： Ajax入门手册.chm Cascading Style Sheet 2.0 中文手册.chm CSS 2.0样式表中文手册.chm CSS...

    java web技术开发大全(最全最新)

    3．3．1 DOM技术概述 3．3．2 获得HTML元素的3种方法 3．3．3 实例：图像自动切换 3．3．4 正则表达式 3．3．5 实例：表格排序 3．4 CSS基础 3．4．1 CSS的基本语法 3．4．2 在Style属性中定义样式 3．4．3 在HTML中...

    精通QTP——自动化测试技术领航

    2.2 精通项目中的10类常用Web控件 2.3 函数资源库（Library Files） 2.4 环境变量 2.5 常用保留对象（Utility Objects） 2.6 QuickTest自动化模型对象（AOM） 2.7 无人值守测试的守护神—场景恢复（Recovery ...

    《Ajax技术简介和案例分析》(42P)

    使用DOM进行动态显示与交互 使用XML和XSLT 进行数据交换与操作 使用XMLHttpRequest进行异步数据传输 使用JavaScript将所有这些绑在一起 XMLHttpRequest 1999年IE5.0作为一个ActiveX对象形式引入了XMLHttpRequest...

    移动WEB前端高级开发项目实战_移动Web常用开发方式_编程案例实例详解课程教程.pdf

    如今移动Web开发者早期基于DOM的开发方式,逐渐向 MVC/MVVM类库框架迁移,比较有代表性的框架有 React和 Vue. js,原有的多页开发模式变为单页应用模式,web应用开始更需要通过团队协作的方式进行研发,这是一个必经的...

    XML访问技术(1)

    详细介绍了DOM访问技术，并用C++给出了实际的常用使用方法！如：如何正确使用相对路径、绝对路径访问相关节点。

    javascript完全学习手册1 源码

    第8章 高级DOM技术 182 8.1 CSS样式 182 8.1.1 CSS语法 182 8.1.2 CSS属性 187 8.2 样式控制 192 8.2.1 Style对象 193 8.2.2 使用CSS属性 194 8.2.3 自定义鼠标提示 196 8.2.4 可折叠区域 199 8.3 StyleSheet对象 ...

    简历模板Java工程师.zip

    ◇ 熟练运用struts2、hibernate、spring、springmvc、mybatis、jquery、Ajax、JSTL/EL、WebService、jdbc、dom4j、log4j等技术 ◇ 掌握常用的JAVA设计模式,熟悉软件设计开发流程 ◇ 了解MySql、Oracle等数据库。 ◇ ...

    java web开发技术大全

    3．3．1 DOM技术概述 3．3．2 获得HTML元素的3种方法 3．3．3 实例：图像自动切换 3．3．4 正则表达式 3．3．5 实例：表格排序 3．4 CSS基础 3．4．1 CSS的基本语法 3．4．2 在Style属性中定义样式 3．4．3 ...

    javascript完全学习手册2 源码

    第8章 高级DoM技术 8．1 CSS样式 8．1．1 CSS语法 8．1．2 CSS属性 8．2 样式控制 8．2．1 Style对象 8．2．2 使用CSS属性 8．2．3 自定义鼠标提示 8．2．4 可折叠区域 8．3 StyleSheet对象 8．3．1 StyleSheet对象...

    超实用的JS代码段-源码.zip

    常用的表单处理、图片处理、内容展示、页面处理、日期处理、页面特效、移动开发等代码及其他常用代码，涉及闭包、Ajax、Data URI、DOM、BOM、数据字典、HTML 5、XML、JSON等现代JavaScript开发常用的技术。...

    超实用的JavaScript代码段 (代码逆袭)》席新亮（作者）epub

    常用的表单处理、图片处理、内容展示、页面处理、日期处理、页面特效、移动开发等代码及其他常用代码，涉及闭包、Ajax、Data URI、DOM、BOM、数据字典、HTML 5、XML、JSON等现代JavaScript开发常用的技术。...

    PHP培训教程之AJAX技术.docx

    XMLHttpRequest对象的responseXMl属性 12、XMLHttpRequest对象在IE和Firefox中创建的不同 有，IE中通过newActiveXObject()得到，Firefox中通过newXMLHttpRequest()得到10、介绍一下XMLHttpRequest对象的常用方法和...

Magicbox
Global site tag (gtag.js) - Google Analytics