Question

Javascript如何获取某id下的TagName

<div id="menu">
<ul>
<li><a href="#">1</a>
<ul class="subMenu" id="subMenu0">
<li><a href="#">11</a></li>
<li><a href="#">22</a></li>
<li><a href="#">33</a></li>
<li><a href="#">44</a></li>
<li></li>
</ul>
</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
</div>

如上面的代码所示。在id=menu中有两层ul。我只想获得id=menu下的第一层li。。

JavaScript代码如何写？？
既获得内容为1，2，3，4，5，6的li。。不要内容为11，22，33，44的li

Answer 1

某个标签的tagName取法有两种：
1、javascript: document.getElementById(‘id’).firstChild.tagName;
2、jQuery: $(‘#id’).children().first().prop(“tagName”);

示例代码如下:

//点击span等标签里面的内容后变成可编辑的输入框
function edit(obj, name, id) {
var that = $(obj);
//var tag = obj.firstChild.tagName;
var tag = that.children().first().prop("tagName");

if (typeof(tag) != "undefined" && tag.toLowerCase() == "input") {
return ;
}

//保存原有内容
var org = that.html();

var val = that.text();
var txt = $("<input>");
txt.val(val);
that.html(txt);
txt.focus();

txt.blur(function() {
var new_val = $(this).val();
if (new_val != val && new_val.length > 0) {
$.ajax({
url: 'url',
type: 'post',
data: 'data',
success: function() {
that.html(new_val);
}
});
} else {
that.html(org);
}
})
}

Answer 2

某个标签的tagName取法有两种：
1、javascript:
document.getElementById(‘id’).firstChild.tagName;
2、jQuery:
$(‘#id’).children().first().prop(“tagName”);
示例代码如下:
//点击span等标签里面的内容后变成可编辑的输入框
function
edit(obj,
name,
id)
{
var
that
=
$(obj);
//var
tag
=
obj.firstChild.tagName;
var
tag
=
that.children().first().prop("tagName");
if
(typeof(tag)
!=
"undefined"
&&
tag.toLowerCase()
==
"input")
{
return
;
}
//保存原有内容
var
org
=
that.html();
var
val
=
that.text();
var
txt
=
$("<input>");
txt.val(val);
that.html(txt);
txt.focus();
txt.blur(function()
{
var
new_val
=
$(this).val();
if
(new_val
!=
val
&&
new_val.length
>
0)
{
$.ajax({
url:
'url',
type:
'post',
data:
'data',
success:
function()
{
that.html(new_val);
}
});
}
else
{
that.html(org);
}
})
}

Answer 3

function fun(){

var omenu=document.getElementById("menu");
var olis=omenu.childNodes[0].childNodes;
for(var i=0;i<6;i++)
document.write(olis[i].tagName+" "+olis[i].childNodes[0].childNodes[0].nodeValue+" <br>");
}

输出：
LI 1
LI 2
LI 3
LI 4
LI 5
LI 6