其实和客户端查找某元素的节点是差不多的,只是这里面的代码写在PHP中。
在JS中，如果只是获取class='aaa'的DIV元素，那么只要遍历文档树中的DIV元素，如果要获取class='aaa'的元素，不单是DIV，那么就要遍历整个文档树。我这里就只遍历DIV元素，取出class为'aaa'的DIV元素。且看下面的代码：
-------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
W3C DOM 标准被分为 3 个不同的部分：
核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型
其中，在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。
DOM 处理中的常见错误是希望元素节点包含文本。举个栗子：<title>DOM 教程</title>，元素节点 <title>，包含值为 "DOM 教程" 的文本节点。
可通过节点的 innerHTML 属性来访问文本节点的值。
一些常用的 HTML DOM 方法：
getElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）
一些常用的 HTML DOM 属性：
innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点
attributes - 节点（元素）的属性节点
DOM *** 作示例
<html><body>
<p id="p1">Hello World!</p>
<script>
documentgetElementById("p1")innerHTML="New text!";
//内容变更为new text
documentgetElementById("p1")stylecolor="blue";
//蓝色
</script>
</body>
</html>
DOM是网页中用来表示文档中对象的标准模型，通过JavaScript可以对网页中的所有DOM对象进行 *** 作，是由万维网联盟W3C组织制定的标准编程接口。
文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
扩展资料例：
在JavaScript中获取元素内容最简单的方法就是通过innerHTML属性来获取，所以在以下案例中我们可以通过innerHTML来获取元素的文本内容
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p id="demo">Hello World!</p> <script> var demo=documentgetElementById("demo")innerHTML; documentwrite(demo); </script> </body> </html>
用js的话可以获取元素，然后使用innerHTML修改，比如：
documentgetElementById("id")innerHTML="修改后的文本值"；
如果用jquery的话就方便多了：
$('#id')html('修改后的文本值');
DOM： Document Object Model，文档对象模型；js提供了丰富的api来 *** 作文档内容。
DOM树： html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body
节点： DOM将所有的分支端都成为节点。节点有很多类型，常见的节点类型有：文本节点、元素节点。
可以通过 nodeType查看节点类型 ： 1元素节点、3文本节点
特殊的元素节点：
1、html元素
2、body元素
3、head元素
节点 *** 作的api（属性和方法）
1、nodeName：只读属性，可以读取节点名称
2、nodeType：只读属性，读取节点类型
3、 hasChildNodes()：判断调用方法的节点是否存在子节点，存在返回true，不存在返回false。
主流浏览器会将换行符、制表符、空格当做文本节点处理，IE9以下会忽略它们。
4、childNodes：只读属性，获得节点的子节点集合，子节点集合是一个类数组结构，有数组特点无数组方法
5、firstChild：获得节点的第一个子节点
6、lastChild：获得节点的最后一个子节点
7、querySelector()：
参数：string类型，css选择器
作用：获得文档中第一个符合选择器条件的节点
兼容：在IE9以下不支持
8、 querySelectorAll()： // 获得的都是静态集合
参数：string类型，css选择器
作用：获得文档中所有符合选择器条件的节点集合（类数组结构）
兼容：在IE9以下不支持
注意： querySelector() 和 querySelectorAll() 得到的都是元素节点。
9、previousSibling：获取节点的前一个兄弟节点
10、nextSibling：获取节点的后一个兄弟节点
11、parentNode：获得节点的父节点（父节点一定是元素节点）
12、removeChild()：节点删除它的指定子节点
DOM *** 作元素：暂时不用的隐藏、一定不用的删除。
13、cloneNode()：克隆一个节点
参数：boolean类型，true深克隆，false浅克隆，默认浅克隆
深克隆：不仅克隆节点和节点的属性，还会克隆节点的子节点
浅克隆：只克隆节点和节点的属性，不会克隆节点的子节点
14、areplaceChild(b,c)：用b替换c
其中a是c的父节点，c是文档上已经存在的节点，b可以是节点也可以是已存在节点，被替换的节点会从文档结构中删除。
15、areplaceWith(b)：用b替换a
a已存在的节点，b可以是新节点也可以是已存在节点，被替换的节点从DOM树删除。
16、ainsertBefore(b,c)：在c前面插入b
其中，a是c的父节点，c是已经存在的节点，b是新节点
17、aappendChild(b)：在a末尾追加b
a是父节点，b是a的子节点, c是子节点
元素节点的相关api
1、getElementsByTagName()：根据标签名获得元素集合（类数组结构）
区别：HTMLCollection 是动态集合，NodeList 是静态集合。
2、createElement()：根据标签名创建新元素
3、id：读写属性，可以读取或设置元素的id值
4、className：读写属性，可以读取或设置元素的class值
5、classList：读取标签的类名集合（类数组结构）
add()：为元素新增类名，如果类名已存在不会重复添加
remove()：删除元素指定类名，如果类名不存在不会执行 *** 作
元素的属性分为两类：
一类是元素本里就拥有的属性，例如：id、class、style、src、herf、target、alt、title、type、value等等，这些属性可以在js中直接通过语法读取或设置。
再一类是我们为了解决问题给元素添加的自定义属性，这些属性在js中无法直接通过语法读取，需要通过 *** 作方法访问。
6、setAttribute(name,value)
参数：name表示要设置的属性名，value要为属性设置的值
无返回值
7、getAttribute(name)
参数：name表示要读取的属性名
返回值：返回属性的值，如果属性不存在会返回null
8、removeAttribute(name)
参数：name表示要删除的属性名
无返回值
说明：setAttribute()、getAttribute()、removeAttribute()都可以 *** 作元素的本地属性和自定义属性。
element拓展：
兼容：以下属性、方法在IE9以下不支持。
1、children：读取元素的所有元素子节点集合（类数组）
2、parentElement：读取元素的父元素节点
3、previousElementSibling：读取前一个元素兄弟节点
4、nextElementSibling：读取后一个元素兄弟节点
5、firstElementChild：读取第一个元素子节点
6、lastElementChild：读取最后一个元素子节点
7、remove(): 将调用方法的元素从DOM结构中删除
以上就是关于php中怎么利用dom查找到某元素的节点（<div class='aaa')并修改其元素内容全部的内容，包括:php中怎么利用dom查找到某元素的节点（<div class='aaa')并修改其元素内容、JS里面的DOM *** 作是什么、dom是什么意思等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）