怎么对从后台获取回来的html代码进行dom *** 作

那就 得用js 获取到后台给的html 然后再通过 动态构建 dom结构的方式来使用这些html 比如 后台返回的html是:"<h1>hah</h1><div></div>"

var str="<h1>hah</h1><div></div>"

那就 找到你想要放的地址 id,比如是 test 那就是 $("#test")append(str) 然后就可以 了

DOM（ Document Object Model）是通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）

根据 DOM，HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

整个文档是一个文档节点

每个 HTML 标签是一个元素节点

包含在 HTML 元素中的文本是文本节点

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

注释属于注释节点

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：

运行结果，打印数组如下：

扩展资料：

js或jQuery获取html元素的值的常用方法：

例如：<div id="aa">值</div>

js写法：

alert(documentgetElementById('aa')innerHTML);

jQuery写法：

alert($('#aa')html());

说明如下：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。

一般可以用原生js及jQuery获取html元素的值。

1

<div id="test">数值</div>

原生js写法：

1

alert(documentgetElementById('test')innerHTML);//数值

jQuery写法：

1

alert($('#test')html());//数值

说明：

innerHTML是取元素的内部html代码，此例中即div内部的所有html代码

html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法

以上就是关于怎么对从后台获取回来的html代码进行dom *** 作全部的内容，包括:怎么对从后台获取回来的html代码进行dom *** 作、什么是dom，html中三种常见的dom节点、HTML5 js如何获取所有相同ID或class的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！