如何在JavaScript中使用getElementsByClassName?

时间:2015-08-17 11:35:32

标签: javascript html html5 dom clientscript

这是HTML代码:

<html>
    <body>
     <div id="wrapper">
        <div id="c_wrapper">
          <div class="member">
             <form name="f1">
             </form>
          </div>
        </div>
     </div>
    </body>
</html>

我的JavaScript

var c_wrapper = document.getElementById("c_wrapper");
var mem = c_wrapper.getElementsByClassName("member");
var f = mem.lastChild;

当我将变量'f.tagName'注销到控制台时,我得到未定义值的结果。这有什么问题?

我是否需要先获得最外层的元素?

1 个答案:

答案 0 :(得分:2)

getElementsByClassName返回所有子元素的类数组对象。 lastChild是节点

的属性

您应该在节点上执行lastChild

var f = c_wrapper.lastChild

使用HTML(我刚删除了空格以便插图,这样就不会得到空白文本节点)

<div id="wrapper">
    <div id="c_wrapper"><div class="member"><form name="f1"></form></div></div>
</div>

或者使用索引来获取数组中的最后一个元素。

var f = mem[mem.length - 1]