您的位置：首页 > Web前端 > JavaScript

JS遍历DIV里的东西

2010-11-23 11:50 323 查看

我们写JS的时候有时候需要带上控件的名称或者ID 但是这样的话有时候使用不是很方便

如果名字太多的话方法就显得不够好了，那么这个时候如果是同一个div下的所有的一个类型的控件需要

去执行相同的方法的话那么我们就要遍历去得到div下面的内容的值了

下面是一段代码展示如何调用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

</head>
<body>

<div id="div4">
<div id="Layer1">
<img src="img/xiaoren.PNG" mce_src="img/xiaoren.PNG" width="79" height="112" /></div>
<div id="Layer2">
<img src="img/xiaoren.PNG" mce_src="img/xiaoren.PNG" width="79" height="112" /></div>
<div id="Layer3">
<img src="img/xiaoren.PNG" mce_src="img/xiaoren.PNG" width="79" height="112" /></div>
<div id="Layer4">
<img src="img/xiaoren.PNG" mce_src="img/xiaoren.PNG" width="79" height="112" /></div>

</div>
</body>
</html>
<mce:script language="javascript"><!--
var getdiv = document.getElementById("div4");
var outdiv = getdiv.getElementsByTagName("div");

for (i = 0; i < outdiv.length; i++) {
alert(outdiv[i].id);
}
// --></mce:script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航