dom常用方法_常用的 HTML DOM 方法有哪些

① 常用的 HTML DOM 属性是什么

常用的属性有，innerHTML属性、nodeName属性、nodeValue属性、nodeType属性等。

1、innerHTML属性，是获取元素内容的最简单方法。innerHTML 属性对于获取或替换 HTML 元素的内容很有用。

2、nodeName属性，规定节点的名称。nodeName 是只读的。

3、nodeValue属性，规定节点的值。对于元素类型的节点，其nodeValue 是 undefined 或 null；对于文本类型的节点，其nodeValue 是文本本身；对于属性类型的节点，其nodeValue是属性值。

4、nodeType属性，返回节点的类型。nodeType 是只读的。比较重要的节点类型有，元素（类型值为1），属性（类型值为2），文本（类型值为3），注释（类型值为8），文档（类型值为9）。

(1)dom常用方法扩展阅读

1、DOM属性访问方式

可通过 JavaScript （以及其他编程语言）对 HTML DOM 进行访问。所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。方法是您能够执行的动作（比如添加或修改元素）。属性是您能够获取或设置的值（比如节点的名称或内容）。

2、DOM其他属性

innerText属性设置或获取位于对象起始和结束标签内的文本，disabled属性获取表明用户是否可与该对象交互的值，nextSibling属性获取对此对象的下一个兄弟对象的引用，tagName属性获取对象的标签名称。

参考资料

网络-DOM

② 常用的 HTML DOM 方法有哪些

常用的 HTML DOM 方法：

getElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）

③ DOM常见的操作方式有哪些

为什么非得移动一行呢？如果你只是想切换tr内的td的innerhtml的话，做起来应该是很简单的，
如果你真要移动行的话，你可以搜索下“table拖拽”关键字。有很多相关的代码。
再给你个这种思路吧：
<html>
<head>
<script>
function table_tb(th)
{
var str_tb='<table width="50" height="50" border="1" id="xm">';
var str_tr1='<tr id="t1"><td id="n1">1</td></tr>';
var str_tr2='<tr id="t2"><td id="n2">2</td></tr>';
var str_tr3='<tr id="t3"><td id="n3">3</td></tr>';
var str_tr4='<tr id="t4"><td id="n4">4</td></tr>';
var str_tr5='<tr id="t5"><td id="n5">5</td></tr>';
var str_tr6='<tr id="t6"><td id="n6">6</td></tr>';
var str_tb2='</table>';
var tb=str_tb+str_tr1+str_tr2+str_tr3+str_tr4+str_tr5+str_tr6+str_tb2;
switch(th)
{
case '1':
break;
case '2': tb=str_tb+str_tr2+str_tr3+str_tr4+str_tr5+str_tr6+str_tr1+str_tb2;
break;
case '3': tb=str_tb+str_tr3+str_tr4+str_tr5+str_tr6+str_tr1+str_tr2+str_tb2;
break;
case '4': tb=str_tb+str_tr4+str_tr5+str_tr6+str_tr1+str_tr2+str_tr3+str_tb2;
break;
case '5': tb=str_tb+str_tr5+str_tr6+str_tr1+str_tr2+str_tr3+str_tr4+str_tb2;
break;
case '6': tb=str_tb+str_tr6+str_tr1+str_tr2+str_tr3+str_tr4+str_tr5+str_tb2;
break;
default :
break;
}
window.test.innerHTML=tb;
}
</script>
</head>
<body>
<form name="yunxin" method="post" action="" class="center">
小车号
<select name="select" id="xc" size="1" onchange="table_tb(this.value);">
<option value="1" selected id="chehao">1</option>
<option value="2" id="chehao">2</option>
<option value="3" id="chehao">3</option>
<option value="4" id="chehao">4</option>
<option value="5" id="chehao">5</option>
<option id="chehao" value="6">6</option>
</select>
</form>
<div id='test'>
<table width="50" height="50" border="1" id="xm">
<tr id="t1"><td id="n1">1</td></tr>
<tr id="t2"><td id="n2">2</td></tr>
<tr id="t3"><td id="n3">3</td></tr>
<tr id="t4"><td id="n4">4</td></tr>
<tr id="t5"><td id="n5">5</td></tr>
<tr id="t6"><td id="n6">6</td></tr>
</table></div>
</body>
</html>
动态的也一样行啊。。。只要在函数里动态得到内容不就得了，document.getElementById('n1').innerhtml
如果还不满意，那你找‘table拖拽’代码吧。

④ 什么是dom，html中三种常见的dom节点

DOM（ Document Object Model）是通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）
根据 DOM，HTML 文档中的每个成分都是一个节点。
DOM 是这样规定的：
整个文档是一个文档节点
每个 HTML 标签是一个元素节点
包含在 HTML 元素中的文本是文本节点
每一个 HTML 属性是一个属性节点
注释属于注释节点

⑤ xml dom的方法和属性常用的有哪些

XML主要用于数据的处理与表达.因为html等其它标记语言无法准确表达其本质内容,而主要是表现样式.导致带来很多不便.这样,XML就诞生了.

⑥ 常见的DOM操作有哪些

前言

DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的 DHTML（动态 HTML），但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。

阅读目录

基本概念
节点创建型api
页面修改型API
节点查询型API
节点关系型api
元素属性型api
元素样式型api

总结

文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。

基本概念

在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。

Node类型

DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中所有节点都继承自Node类型，都共享着相同的基本属性和方法。

Node有一个属性nodeType表示Node的类型，它是一个整数，其数值分别表示相应的Node类型，具体如下：

Node.ELEMENT_NODE:1
Node.ATTRIBUTE_NODE:2
Node.TEXT_NODE:3
Node.CDATA_SECTION_NODE:4
Node.ENTITY_REFERENCE_NODE:5
Node.ENTITY_NODE:6
Node.PROCESSING_INSTRUCTION_NODE:7
Node.COMMENT_NODE:8
Node.DOCUMENT_NODE:9
Node.DOCUMENT_TYPE_NODE:10
Node.DOCUMENT_FRAGMENT_NODE:11
Node.NOTATION_NODE:12

假设我们要判断一个Node是不是元素，我们可以这样判断
if(someNode.nodeType == ){ console.log("Node is a element"); }
这些Node类型中，我们最常用的就是element，text，attribute，comment，document，document_fragment这几种类型。
我们简单来介绍一下这几种类型：

Element类型

Element提供了对元素标签名，子节点和特性的访问，我们常用HTML元素比如div，span，a等标签就是element中的一种。Element有下面几条特性：

（1）nodeType为1
（2）nodeName为元素标签名，tagName也是返回标签名
（3）nodeValue为null
（4）parentNode可能是Document或Element
（5）子节点可能是Element，Text，Comment，Processing_Instruction，CDATASection或EntityReference

⑦ js中常用DOM操作有哪些

DOM常用操作

查找节点

新建节点

添加节点

删除节点

修改节点

我们用到最多的是element类型，用于表现HTML元素，提供了对元素标签名、子节点及特性的访问。

网页链接

⑧ DOM是什么

文件对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。

⑨ JS里面的DOM操作是什么

DOM(即 Document Object Mode) 是 W3C（万维网联盟）的标准。

DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

W3C DOM 标准被分为 3 个不同的部分：

核心 DOM - 针对任何结构化文档的标准模型
XML DOM - 针对 XML 文档的标准模型
HTML DOM - 针对 HTML 文档的标准模型

其中，在HTMLDOM中，所有事物都是节点。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>
<pid="p1">HelloWorld!</p>
<script>
document.getElementById("p1").innerHTML="Newtext!";
//内容变更为newtext
document.getElementById("p1").style.color="blue";
//蓝色
</script>
</body>
</html>

⑩ DOM 是什么

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。

DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。

优点和缺点

DOM的优势主要表现在：易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。

DOM的缺点主要表现在：效率低，解析速度慢，内存占用量过高，对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间，因为使用DOM进行解析时，将为文档的每个element、attribute、processing-instruction和comment都创建一个对象，这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

导航:首页 > 使用方法 > dom常用方法

dom常用方法

与dom常用方法相关的资料