怎样获取div内div的名字？

zzxap 2010-09-13 09:05:38

怎样获取div内div的名字？
<div id="a">
<div id="123"></div>
<div class="b"></div>
</div>

输入a 得到123.

...全文

416 21 打赏收藏转发到动态举报

写回复

用AI写文章

21 条回复

切换为时间正序

请发表友善的回复…

发表回复

lzh_me 2010-09-13

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=gbk">

		<script language="JavaScript" src="js/jquery-1.4.2.min.js"></script>

		<title>Untitled Document</title>

		<script type="text/javascript">

			$(function(){

				alert($("#a").find("div:first").attr("id"));

			});

		</script>

	</head>s

	<body>

		<div id="a">

  			<div id="123">tttt</div>

  			<div class="b">aaaa</div>

		</div>

	</body>

</html>

dxlzanjie 2010-09-13

打赏
举报

var tmp = document.getElementById("id").getElementsByTagName("div");
然后遍历吧最方便了

wdzr_826 2010-09-13

打赏
举报

要获取所有有ID的Div？

 

var idArr = [];

            $('div#div2 div').each(function() {

                if (!!$(this).attr('id')) {

                    idArr.push($(this));

                }

            })

            idArr

试试这个，需要Jquery

zzxap 2010-09-13

打赏
举报

for (var i = 0; i < oList.length; i++) {
var type = oList[i].className.toLowerCase();
var IDName = oList[i].id; //这样获取到了

}

diffmaker 2010-09-13

打赏
举报

最近在看 jQuery ，解决这个问题还可以

<!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>

    <script src="jquery.js" type="text/javascript"></script>

    <script type="text/javascript">

        $().ready(function(){

            $('div#a div[id]').each(function(){

                alert(this.id);

            });

            $('div#a div[class]').each(function(){

                alert(this.className);

            });

        });

    </script>

</head>

<body>

    <div id="a">

        <div id="123"></div>

        <div class="b"></div>

        <div id="456"></div>

        <div class="c"></div>

    </div>

</body>

</html>

$('div#a div[id]')　选择id为a的div内具有id属性的div
$('div#a div[class]') 选择id为a的div内具有class属性的div

diffmaker 2010-09-13

打赏
举报

风吹到这里来啦

MrSLin 2010-09-13

打赏
举报

[Quote=引用 4 楼 zzxap 的回复:]
div 不一定在第一个位置
[/Quote]
你要取什么值，取第一层div内部的div的id、class、还是innerHTML？
document.getElementById('a').getElementsByTagName('div')这个就返回一个数组，包含了a内部所有div标签的对象，要做什么无非就遍历了。

piaolankeke002 2010-09-13

打赏
举报

[Quote=引用 6 楼 net_lover 的回复:]

document.getElementById('a').getElementsByTagName('div')得到的就是所有的div，你要哪个就遍历下根据条件判断
[/Quote]
+1
建议循环判断
灵活性高

zzxap 2010-09-13

打赏
举报

或者怎样获取当前div的id名

zzxap 2010-09-13

打赏
举报

var oList = dp(id).getElementsByTagName("DIV");
for (var i = 0; i < oList.length; i++)
{
var type = oList[i].className.toLowerCase();
这是获取class的
}

zzxap 2010-09-13

打赏
举报

className 何以获取class的name

IdName能不能获取

籽沫 2010-09-13

打赏
举报

还可以通过

nodeName或者tagname 去获取div 这个名字然后在去判断

加油馒头 2010-09-13

打赏
举报

[Quote=引用 3 楼 qq371339274 的回复:]
alert(document.getElementById('a').getElementsByTagName('div')[0].id)
[/Quote]

在搞个循环判断下了

孟子E章 2010-09-13

打赏
举报

document.getElementById('a').getElementsByTagName('div')得到的就是所有的div，你要哪个就遍历下根据条件判断

zc00603 2010-09-13

打赏
举报

你是要获得DIV内所有div的ID吗？

zzxap 2010-09-13

打赏
举报

div 不一定在第一个位置

qq371339274 2010-09-13

打赏
举报

alert(document.getElementById('a').getElementsByTagName('div')[0].id)

parss 2010-09-13

打赏
举报





alert(document.getElementById("a").firstChild.id);

一弗楚 2010-09-13

打赏
举报



<div id="a">

  <div id="123"></div>

  <div class="b"></div>

</div>

<input type="text" onkeyup="alert(document.getElementById(this.value).firstChild.id)" />

jsjhj2008 2010-09-13

打赏
举报

<!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="a">

  <div id="123"></div>

  <div class="b"></div>

</div>

<input id="txt1" type="text" />

<input type="button"  value="取数据" onclick="getvalue();" />

</body>

</html>

<script type="text/javascript">

function getvalue()

{

   var id=document.getElementById("txt1").value;

   var obj=document.getElementById(id).getElementsByTagName("div");

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

   {

      document.write(obj[i].id);

   }

}



</script>