分享

getElementsByTagName是什么意思

 学习妄长生 2019-12-03
getElementsByTagName是一个JavaScript函数,功能是通过查找整个 HTML 文档中的任何 HTML 元素,传回指定名称的元素集合。

基本语法

格式

objNodeList = xmlDocument.getElementsByTagName(tagname);

document.getElementById('ID').getElementsByTagName("标签名称");

注释

getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是您在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

说明

tagname 是一个字符串,代表找到的元素卷标名称。使用tagname "*"传回文件中所有找到的元素。

范例

length属性

您可以通过使用 length 属性来循环遍历节点列表:

var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }

详细用法

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language=javascript>

function ck()

{

var aa = document.getElementsByTagName("input");

var ss = "";

alert("网页里所有的input集合共有:"+aa.length+"个!");

for (var i=0; i<aa.length; i++){

if (aa[i].type=="text")ss=ss+aa[i].value+"■";

}

alert(ss);

ss.value="sss";

alert(ss.value);

var bb = ss.split("■") ;

bb.value="wewwew";

alert(bb);

alert(bb.length);

}

</script>

</HEAD>

<BODY>

<FORM name=form1 METHOD=POST ACTION="">

<INPUT TYPE="text" NAME=txt>

<INPUT TYPE="text" NAME=txt1>

<INPUT TYPE="text" NAME=txt2>

<INPUT TYPE="text" NAME=txt3>

<INPUT TYPE="text" NAME=txt4>

<INPUT TYPE=button onclick="ck();">

</FORM>

</BODY>

</HTML>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约