DOM(即 Document Object Mode) 是 W3C（万维网联盟）的标准。
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>
可以通过js dom 来获取，对元素设一个id值，然后为元素绑定一个click事件或直接设置 "onclick="，然后调用相应的function，在function中通过：documentgetElementById("") ,就可以获取到地点的元素对象，然后在浏览器中按F12进行调试，就可以看到这个对应的所有属性及方法，当然元素的值也在里面。
单纯获取值是：documentgetElementById("")value;
方法有两种：
1、通过jquery的方式，使用id选择器方式获取节点，然后获取值
2、通过原生的dom方式，获取id的值
示例：
1
2
3
4
5
6
7
第一种：
<body>
<input type='text' id='ipt'/>
</body>
<script>
var v = $('#ipt')val();//根据id获取input的value值
</script>
1
2
3
4
5
6
7
第二种：
<body>
<input type='text' id='ipt'/>
</body>
<script>
var v=documentgetElementById('ipt')value;//根据id获取input的value值
</script>
以上就是关于JS里面的DOM *** 作是什么全部的内容，包括:JS里面的DOM *** 作是什么、javascript如何获取点击元素的值、无id的元素怎么用JS获等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）