HTML DOM属性
属性是节点（HTML元素）的值，您可以获取和设置。
属性的使用是不需要有括号的，直接：ele.innerHTML 获取属性值 ele.innerHTML="<h1></h1>" 设置属性值
下面列出常用的一些属性：
innerHTML属性：
innerHTML 属性可用于获取或改变任意 HTML 元素，包括 <html> 和 <body>。
<div id="mydiv1">hello,<b>mydiv1</b></div>
<script>
var mydiv1=document.getElementById("mydiv1");
var html=mydiv1.innerHTML;//获取mydiv1中的html代码
document.write(html);//输出到页面上
</script>
nodeName 属性：
nodeName 属性规定节点的名称。
- nodeName 是只读的
- 元素节点的 nodeName 与标签名相同
- 属性节点的 nodeName 与属性名相同
- 文本节点的 nodeName 始终是 #text
- 文档节点的 nodeName 始终是 #document
注释：nodeName 始终包含 HTML 元素的大写字母标签名。
<div id="mydiv1">hello,<b>mydiv1</b></div>
<script>
var mydiv1=document.getElementById("mydiv1");
var nodeName1=mydiv1.nodeName;//DIV
var nodeName2=mydiv1.firstChild.nodeName;//#text
var nodeName3=mydiv1.getAttributeNode("id").nodeName;//id
var nodeName4=document.nodeName;//#document
document.write(nodeName1+"<br>"+nodeName2+"<br>"+nodeName3+"<br>"+nodeName4);//输出到页面上
</script>
nodeValue 属性
nodeValue 属性规定节点的值。
- 元素节点的 nodeValue 是 undefined 或 null
- 文本节点的 nodeValue 是文本本身
- 属性节点的 nodeValue 是属性值
<div id="mydiv1">hello,<b>mydiv1</b></div>
<script>
var mydiv1=document.getElementById("mydiv1");
var nodeName1=mydiv1.nodeValue;//null
var nodeName2=mydiv1.firstChild.nodeValue;//hello,
var nodeName3=mydiv1.getAttributeNode("id").nodeValue;//mydiv1
var nodeName4=document.nodeValue;//null
document.write(nodeName1+"<br>"+nodeName2+"<br>"+nodeName3+"<br>"+nodeName4);//输出到页面上
</script>
nodeType 属性
nodeType 属性返回节点的类型。nodeType 是只读的。
比较重要的节点类型有：
| 元素 | 1 |
| 属性 | 2 |
| 文本 | 3 |
| 注释 | 8 |
| 文档 | 9 |
<div id="mydiv1">hello,<!--注释--><b>mydiv1</b></div>
<script>
var mydiv1=document.getElementById("mydiv1");
var nodeName1=mydiv1.nodeType;//1
var nodeName2=mydiv1.firstChild.nodeType;//3
var nodeName3=mydiv1.getAttributeNode("id").nodeType;//2
var nodeName4=document.nodeType;//9
var nodeName5=mydiv1.firstChild.nextSibling.nodeType;//8
document.write(nodeName1+"<br>"+nodeName2+"<br>"+nodeName3+"<br>"+nodeName4+"<br>"+nodeName5);//输出到页面上
</script>
相关推荐
HTML DOM 文档对象模型 常用的 属性和方法
html DOM 节点的各种高度属性,避免开发理解上的误区
动态创建html内容时所用的W3C DOM属性和方法
Html页面的dom常见属性 ，常常通过js来动态的控制页面的元素
HTML DOM 对象 10 ********************************************* 10 1、Document 对象 10 1.1、集合 11 1.2、属性 11 1.3、方法 11 1.4、描述 12 2、Body 对象 12 2.1、属性 12 3、Frame 对象 13 3.1、属性 13 3.2...
是学习HTMLL DOM的非常好的参考手册,汉化版的,目录为对象,集合,属性,方法,事件,非常详细全面!
HTML&DOM; &DOM;
02_dom常见的属性
适合新手小白
HTML DOM 教程 • Next Page HTML DOM 定义了访问和操作HTML文档的标准方法。 HTML DOM 把HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 开始学习HTML DOM！
本文实例讲述了JavaScript遍历DOM对象...1、遍历DOM对象所有具备的属性（全属性、不管在HTML tag中是否设置都会遍历） var obj=document.getElementById("btnToggleState") var s=""; for(var elem in obj) s+=elem
HTML DOM 对象 10 ********************************************* 10 1、Document 对象 10 1.1、集合 11 1.2、属性 11 1.3、方法 11 1.4、描述 12 2、Body 对象 12 2.1、属性 12 3、Frame 对象 13 3.1、属性 13 3.2...
属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个...
文档对象模型——Document Object Model DOM可以视为一种API的应用 将文件视为一个文件对象，通过程序语言调用DOM对象，来对该文件的某些特定...HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。
问：如何使用HTML DOM getElementsByTagName() 方法获取文档中所有的表： 答： Var tables = document.getElementsByTagName("table"); alert("This document contains contains"+tables.length+"tables");
适合htmldom的初学者，希望提供的资料对你的学习有帮助
《Javascript W3C参考手册.chm》包含：js方法、属性；htmldom属性等内容
DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 2.DOM的一些常用的属性 2.1 通过ID获取元素 （1）语法： 代码如下: document.getElementById(“id”); （2）作用：id就向一个人的身份证，...
第6章 HTML DOM对象编程 6.1 HTML文档对象模型 6.2 浏览器的主要对象 6.2.1 Window对象 6.2.2 Navigator对象 6.2.3 Location 对象 6.2.4 History对象 6.2.5 Event 对象 6.2.6 Document对象 6.3 基于DOM的HTML元素...
DOM对象就是宿主对象，用来操作HTML和xml功能对象的集合。 xml——>xhtml——>html4.0——>html5 HTML和xml的区别：除了xml可以自定义标签外基本上没区别，xml被json替代了。 document，单独写的时候，它代表整个...