月度归档:2020年02月

HTML DOM images集合简介说明


摘要:
下文讲述DOM中images集合的简介说明,如下所示:


DOM images集合 功能说明

返回当前文档中的img标签数组

DOM images集合 举例说明


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程(www.maomao365.com)
---document.images集合的用法分享
</title>
</head>
<body>

<img border="0" src="maomao1.jpg" width="100" height="80">
<img border="0" src="maomao2.jpg" width="100" height="90">
<br />
<span>图像数目:
<script>
document.write(document.images.length);
</script></span>

</body>
</html>
dom images集合用法举例分享

dom images集合用法举例分享

HTML DOM getElementsByTagName()方法简介说明


摘要:
下文讲述DOM中getElementsByTagName()方法简介,如下所示:


getElementsByTagName()方法功能简介

getElementsByTagName()方法功能:
根据控件类型名称,一组指定类型的html元素集合
getElementsByTagName()语法:

document.getElementsByTagName(tagname)
—–参数说明—-
tagname:
必须项,元素的类型名称


getElementsByTagName()方法举例说明


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程(www.maomao365.com)
---getElementsByTagName方法举例说明
</title>
<script>
function getInfoByTagName(){
	var t=document.getElementsByTagName("div");
	alert(t.length);
}
</script>
</head>
<body>
 
<div  ></div>
<div  ></div>
<div  ></div>
<div  ></div>

<input type="button" onclick="getInfoByTagName()" value="获取div的数量">

</body>
</html>
js dom getElementsByTagName方法分享

js dom getElementsByTagName方法分享

HTML DOM getElementsByName()方法简介说明


摘要:
下文讲述DOM中getElementsByName()方法简介,如下所示:


getElementsByName()方法功能简介

getElementsByName()方法功能:
根据控件名称,返回控件名称等于指定值的一组对象集合
getElementsByName()语法:

document.getElementsByName(name)
—–参数说明—-
name:
必须项,元素的名称


getElementsByName()方法举例说明

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程(www.maomao365.com)
---getElementsByName方法举例说明
</title>
<script>
function getInfoByName(){
	var t=document.getElementsByName("t");
	alert(t.length);
}
</script>
</head>
<body>
 
<div name="t"></div>
<div name="t"></div>
<div name="t"></div>
<div name="t"></div>

<input type="button" onclick="getInfoByName()" value="div名称等于t的数量">

</body>
</html>
js dom getElementsByName方法举例分享

js dom getElementsByName方法举例分享