document . getElementById ( sID )，根据指定的 id 属性值得到对象。那什么代码，根据指定的class 属性值

原生JS是没有根据属性来找到DIV的 如果你非常想用 那就是找到所有DIV的标签 然后在获取他的CLASS属性 进行比较 这样才可以 JQUERY的原理就是这样 只不过他把过程都写到函数里去了

有一定的JS基础后，就可以进入 dom 环节了，dom使得网页的交互效果得到完美呈现，可以说dom真正打开了网页和用户之间的通道桥梁，日常生活中我们点击鼠标，敲击键盘，甚至于无意间触碰到屏幕（触摸屏），都会或多或少或大或小的得到一些躲藏起来的内容。

打开淘宝，在输入框输入商品时，下拉的推荐商品：

或是当打开某个不想再浏览的网页时，右上角的那个×：

这些大部分都存在DOM的身影。

这里的“DOM”，通常来讲，叫做 DOM 文档对象模型 ， 通过 *** 纵DOM，可以随意更改内容，样式，或者增删改查 ，因为网页是在浏览器中显示的，整个浏览器是BOM，所以DOM其实是BOM的一部分，BOM 就是 window对象 ，DOM 就是 document（文档）对象。

如果该元素，是网页的必备元素，而且只能有一个，可以通过document对象直接获取。比如：的src属性：

任由我们怎么去修饰的显示，但它本身的路径属性是独有的，所以我们可以直接获取：

更多的时候，我要需要获取网页中的指定元素，这就需要专门的方法来获取了，这里列举几个方法：

getElementById()方法，根据元素的id属性值来获取指定的元素，因为ID的唯一性，使得该方法需要搭配ID选择器使用，如果网页里ID重复时，它会获取第一个：

getElementsByTagName()方法，根据元素的标签名获取所有该元素，该方法获取的是所有该标签的元素，以伪数组的形式呈现：

getElementsByClassName()方法，根据元素的类选择器名称获取所有该元素，该方法获取的途径是标签的类，也就是class属性，由于拥有该属性的标签可能不只一个，所以该方法获得的也是一个伪数组（还有，可以看方法名，凡是带Elements的大多数都是伪数组）：

getElementsByName()方法，根据元素的name属性值获取所有该元素，相同的性质，有name属性的标签也不少：

querySelector()方法，根据选择器的名称返回元素，如果有多个元素，只返回第一个元素，这个方法就比较常用了，而且IE这个啥也不咋适配的浏览器现在几乎不咋能见到了，可以多多考虑用他了该方法是  ES6新增，无论是ID 还是class都可以选，但是和上面区别的是选ID时前面要加#号，选class时前面要加“”：

区别于Elements，这里是个单数，所以只会获取一个，要是想获取多个相同的，就用querySelectorAll()吧！querySelectorAll()看这个ALL就知道它是用来选全部的：

最后这俩方法更实用，可以选取CSS几乎所有选择器，而且querySelectorAll()得到的数组数据后还可以使用数组的方法。

*** 作DOM的样式 ，有多种方式：

通过style属性直接设置

通过className属性设置类选择器

也可以通过classList属性添加多个类选择器

*** 作DOM的内容：

innerText属性，用于获取 和 *** 作 DOM的文本内容。

innerHTML属性，用于获取 和 *** 作 DOM的HTML内容：

createElement()方法，用于创建DOM元素：

appendChild()方法，用于在当前DOM元素中添加子元素：

自删 remove()方法，是元素删除自己:

通过父级删除子级 removeChild()方法，是删除元素里面指定的子元素:

最近一直在学习xml相关的知识，为了知识的积累以及方便以后查阅，写了这篇关于xml的文章，同时也为正在学习xml标签的网友或者对xml知识感兴趣的，这篇文章不容错过。

首先我们需要了解的是xml是什么，它能做什么事情以及如何去学习它

xml全称 Extensiable markup language 译为可扩展标记语言 可扩展也就是标签可以自定义

这也是和html的区别之一

在讲解xml知识之前我们先来做下对比xml与html到底有哪些区别

1xml标签是自定义的，html标签是预定义

2xml语法严格，html语法松散

3xml存储数据，html展示数据

在软件开发中，我们可以使用xml来存储数据

储存方式有两种

1存储文件

2网络中传输

基本语法

1xml文档的后缀名，xml

2xml的第一行必须定义文档申明 <xml version=‘10’>文档申明

3xml文档有且仅有一个根标签

4属性值必须用引号引起来’’或“”

5标签必须正确关闭

6xml标签名称区分大小写

1格式<xml属性列表>

属性列表：

version：版本号

encoding：编码方式 告知解析引擎 当前文档使用的字符集 默认值ISO-8859-1

standalone :是否独立

取值：yes:不依赖其他文件 no：依赖其他文件

结合css来控制标签的样式<xml-stylesheet type=“text/css” href=“xxx”>

1规则：

名称可以含字母、数字以及其他的字符

名称不能以数字或者标点符号开始

名称不能以字符 “xml”（或者 XML、Xml）开始

名称不能包含空格

id属性值唯一

cdata区格式:在该区域中的数据会被原样展示

格式<![CDATA[{

首先我们先来看下约束的解析图

作为框架的使用者(程序员)

1能够在xml中引入约束文档

2能够简单的读懂约束文档

DTD技术

Schema:一种比较复杂的约束

DTD:

引入dtd文档到xml文档中

内部的dtd：将约束规则定义在xml文档中

一种是外部的dtd：将约束的规则定义在外部的dtd文件中

1本地：<!DOCTYPE 根标签名 SYSTEM “dtd文件的位置”>

2网络：<!DOCTYPE 根标签名 PUBLIC “dtd文件名字” “dtd文件的位置URL”>

*** 作xml文档

1解析（读取）:将文档中的数据读取到内存中，

2写入：将内存中的数据保存到xml文档中，持久化的存储

1DOM：将标记语言文档一次性加载到内存，在内存中形成一颗DOM树

优点： *** 作方便，可以对文档进行CRUD的所有 *** 作

缺点：占内存

2SAX：逐行读取，基于事件驱动的

优点：不占内存

缺点：只能读取，不能增删改

xml常见的解析器：

1JASP：sun公司提供的解析器 支持dom和sax思想

2DOM4J：一款非常优秀的解析器

3jsoup：jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的 *** 作方法来取出和 *** 作数据

4:PULL：android *** 作系统内置的解析器

快速入门：

步骤：

1导入相关的jar包

2获取document对象

3获取对应的标签Element对象

4获取数据

这里我以jsoup为例

对象的使用

1jsoup：工具类，可以解析html或xml文档，返回document

parse：解析html或xml文档，返回document

parse(File in,String charset)；解析html或xml文档的

parse(String html)解析html或xml字符串

parse(Url url, int timeoutMills)通过网络路径获取指定的html或xml的文档对象

2Document:文档对象，代表文档中的dom树 获取Elements对象

getElementById(String id)，根据id属性值获取唯一的element对象

getElementsByTag(String tagName)根据标签名称获取元素对象集合

getElementsByAttribute(String key) 根据属性名称获取元素对象集合

getElementsByAttributeValue(String key,String value)根据对应的属性名和属性值获取元素对象集合

3Elements:元素Element对象的集合，可以当作ArrayList<Element> 来使用

4Element：元素对象

1获取到它的子元素对象

5Mode：节点对象

是document和element的父类

快速查询方式：

1selector选择器

使用方法：Elements select(String cssQuery)

语法：参考Selector类中定义的语法

2xpath： XPath 即为 XML 路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。

语法

// 查询所有元素1标签

//元素1/元素2。查询所有元素1中的所有元素2

带有id属性的标签

//元素1/元素2[@id]

带有id属性值的标签元素1/元素2[@id=‘属性值’]

使用Jsoup的Xpath需要额外的导入jar包

查询w3c参考手册，使用xpath的语法完成

如：$("#textId")attr("width")是获取Id为textId的控件的width属性

$("className")attr("width")是获取包含class名为className的控件的width属性

$("[name=textName]")attr("width")是获取name为textName的控件的width属性

但要注意，jquery取到的可能是一个数组，如果确定属性为同一值，则没问题，否则应该循环取得控件，再取属性值

如：$("#textId")[0]width是取第一个控件的width属性

但也有写属性用attr取不到，也需要用角标的方式取得控件后在取属性！

web中通过页面id查找明细并显示在jsp页面上，然后才可以编辑的。

1、在pojo中有id属性,点击编辑后是可以直接在action的值栈中获取id值,只需要在action的方法中取出model对象的id,然后查询数据库,在jsp去显示数据。

2、先定义一个ResultSet rs对象 把查询后的ResultSet集复制给rs

然后通过调用rs的next（）方法将指针向下移动 实现循环显示数据 数据的显示是调用rs的getXxxx(列名或列号) 其中Xxxx是数据类型

如while(rsnext()){outprint(rsgetString(列名))}

var reg = /<img[^>]id[=\"\'\s]+([^\"\'])[\"\'][^>]>/gi;

var html = documentbodyinnerHTML;

while(regexec(html)){

consolelog(RegExp$1);

}

只要使用getAttribute("id")函数即可获取li元素的id值，下面我们一起实例 *** 作一下吧

首先我们在html当中创建li标签

使用JS获取li元素对象，getElementsByTagName("li")

3接着我们打印出这样的运行效果看一下：

4使用JS获取li元素的ID 值即可，getAttribute("id")

5下面我们一起来看下运行效果

以上就是关于document . getElementById ( sID )，根据指定的 id 属性值得到对象。那什么代码，根据指定的class 属性值全部的内容，包括:document . getElementById ( sID )，根据指定的 id 属性值得到对象。那什么代码，根据指定的class 属性值、DOM的理解与 *** 作、xml标签的正确使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！