JavaScript遍历HTML表单元素及表单定义

如下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 提供内容:

只要功夫深,铁棒磨成绣花针。

JavaScript遍历HTML表单元素及表单定义

相关文章:

你感兴趣的文章:

标签云: