如下JavaScript代码,通过document对象,遍历HTML所有元素(HTML DOM Element )。
<html>=>{ var elems = document.getElementsByTagName(“*”);for(var i=0;i<elems.length;i++){if (elems[i].hasAttribute(“id”)){tmp = elems[i].id + “, fieldtype = ” + elems[i].getAttribute(“fieldtype”) + “元素类型=” + elems[i].nodeName;alert(tmp);} }}>=> =”char”>名称</input><br>通过自定义属性“fieldtype”来定义数据类型。====></html>
注:代码解释 (1).hasAttribute(“id”),判断是否存在“id”属性,如果存在指定属性,则 hasAttribute() 方法返回 true,否则返回 false; (2).id,返回元素的 id; (3).getAttribute(“fieldtype”),返回元素节点的指定属性值。
通过上述代码,引申思考:
以下内容为参考W3School 提供。
HTML DOM Document 对象
Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
HTML DOM getElementsByTagName() 方法定义和用法getElementsByTagName() 方法可返回带有指定标签名的对象的集合。语法document.getElementsByTagName(tagname)说明
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。 如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,,元素排列的顺序就是它们在文档中的顺序。
HTML DOM Element 对象HTML DOM 节点
在 HTML DOM (文档对象模型)中,每个部分都是节点:
Element 对象
HTML DOM nodeType 属性
对于每种节点类型,nodeName 和 nodeValue 属性的返回值:
序号 节点类型 nodeName返回 nodeValue返回
1 Element 元素名 null
2 Attr 属性名称 属性值
3 Text text 节点的内容
4 CDATASection cdata-section 节点的内容
5 EntityReference 实体引用名称 null
6 Entity 实体名称 null
7 ProcessingInstruction target 节点的内容
8 Comment comment 注释文本
9 Document document null
10 DocumentType 文档类型名称 null
11 DocumentFragment document 片段 null
12 Notation 符号名称 null
参考: W3School 提供内容:
只要功夫深,铁棒磨成绣花针。