javascript当中attributes的用法

最新推荐文章于 2025-11-28 04:56:28 发布

原创最新推荐文章于 2025-11-28 04:56:28 发布 · 909 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#attributes #javascript # attributes name # attributes value

javascript 专栏收录该内容

119 篇文章

订阅专栏

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

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