prototype.js的系列文章——$A()函数

最新推荐文章于 2023-03-26 00:04:54 发布

原创最新推荐文章于 2023-03-26 00:04:54 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #button #input #扩展

本文介绍如何利用$A()方法将DOM的NodeLists转换为Array对象，并通过实例展示了如何遍历这些节点并获取其内容。这种方法可以提高对DOM元素的操作效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$A()方法把接收到的参数转换成一个Array对象。

这个方法加上对Array类的扩展，可以很容易的转换或者复制任意的列举列表到Array对象，一个被推荐使用的用法就是转换DOM的NodeLists到一个普通的数组里，可以被更广泛高效的使用，看下面的例子。

<script>

    function showOptions(){
        var someNodeList = $('lstEmployees').getElementsByTagName('option');
        var nodes = $A(someNodeList);

        nodes.each(function(node){
                alert(node.nodeName + ': ' + node.innerHTML);
            });
    }
</script>

<select id="lstEmployees" size="10" >
    <option value="5">Buchanan, Steven</option>

    <option value="8">Callahan, Laura</option>
    <option value="1">Davolio, Nancy</option>
</select>

<input type="button" value="Show the options" onclick="showOptions();" >