javascript当中attributes的用法_js的form.attributes-优快云博客

本文通过一个HTML示例展示了如何使用JavaScript中的Document.getElementsByName()方法来获取具有相同name属性的多个元素，并进一步介绍了Element.attributes[]集合的使用方法。

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

3.attributes
例 3.1（getElementsByNameNodeListAttributeIEFF.html）
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<DIV ID="RESULT"></DIV>
<FORM onClick="handleClick(event)">
    <INPUT TYPE="checkbox" VALUE="A" NAME="BOX" id="BOX_A" checked="true">Selection A<BR>
    <INPUT TYPE="checkbox" VALUE="B" NAME="BOX" id="BOX_B">Selection B<BR>
    <INPUT TYPE="checkbox" VALUE="C" NAME="BOX" id="BOX_C">Selection C<BR>
    <INPUT TYPE="checkbox" VALUE="D" NAME="BOX" id="BOX_D">Selection D<BR>
</FORM>
<SCRIPT>
    function handleClick(event)
    {
        myString='';
        /* because there is no this method of getElementsByID, ID is unique
         Document.getElementsByName() (Method)

         An accessor method for retrieving objects from within the DOM hierarchy specifically according to their NAME value.
         Property/method value type: NodeList object
         JavaScript syntax: - myDocument.getElementsByName(aName)
         Argument list: aName The name of the element to be retrieved
         */
/*马克-to-win：event.target是最上层的元素，注意这里点击时，一定得点中方格里，如果点在方格外面，则event.target.id 是空值。*/
           var event = event||window.event;
           var eSource =event.srcElement||event.target;
        nodeListBox=document.getElementsByName("BOX");
        /*Element.attributes[] (Collection)
         A reference to a collection of attribute objects for the HTML tag that the Element object represents.
         Property/method value type: Attributes object