js获取节点的问题

黄玉昆

本帖最后由冯超于 2013-3-25 08:38 编辑

我们都知道获取几个节点的方法如下：
1.document.getElementById();
2.document.getElementsByname();
3.document.getElementsByTagname();
问题如下（看代码）：

<body>
<form action="post">
1：<input type="text" name="music" value="我们的爱">
2：<input type="text" name="music" value="恋爱ing">
3：<input type="text" name="music" value="只是回忆">
4：<input type="text" name="music" value="爱了，累了">
</form>
<h1 id="h1" name="test">
明天休息！
</h1>
<script type="text/javascript">
//1.利用firstchild输出明天休息
/* var h1Node = document.getElementById("h1");
var value = h1Node.firstChild.nodeValue; */
/* var h1Node = document.getElementsByTagName("h1");
alert(h1Node.nodeType + ":" + h1Node.length); */
var h1Node = document.getElementsByName("test");
</script>
</body>

复制代码

看过王威老师视频的人都知道，我想问的是什么，
就是用firstchild输出明天休息！
用Byid可以，但是其他两个就不行咯，不知道是什么原因。

王洪宇 · 王洪宇

var h1Node = document.getElementsByTagName("h1");
var h1Node = document.getElementsByName("h1");
它们得到的都是数组吧。
试试这样用行不行：alert(h1Node[0].firstChild.nodeValue);

黄杨 · 黄杨

直接用alert(h1Node[0].innerHTML);输出不就完事了，呵呵

黄杨 · 黄杨

不过h1标签是没有name属性的，你这样使用有些浏览器直接报错

黄杨 · 黄杨

不好意思，刚才回答不完整

var h1Node1 = document.getElementsByTagName("h1");
alert( h1Node1[0].firstChild.nodeValue）;

var h1Node2 = document.getElementsById("h1");
alert(h1Node2.firstChild.nodeValue);

上面2个都可以成功输出，使用getElementsByName来获取节点会出错是因为h1标签没有name属性的

冯超 · 冯超

以前的回答我灰常感谢，其实发帖之后，我就发现了问题：
我在我的myeclipse中安装了Apama插件，就是写js可以自动提示的，我发现用另外两个(getElementByTagName,getElementsByName)获取结点并没有提示什么childNodes，firstChild，是我太依赖编译器了。。。。。。。

帐号		自动登录	找回密码
密码			加入黑马

js获取节点的问题

点评

评分

5 个回复

评分

评分

浏览过的版块