javascript当中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

 


更多内容请见原文,文章转载自:https://blog.csdn.net/qq_43650923/article/details/103050580

posted @   malala  阅读(154)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示