400-1100-266

9:00-24:00（工作日）
主页 > 知识库 > 找到html标记对应的脚本属性

找到html标记对应的脚本属性
热门标签：检查注册表项 服务器配置 铁路电话系统 美图手机 呼叫中心市场需求 网站文章发布 智能手机 银行业务
javascript中可以创建以及引用一个元素，进而通过这个元素来取得或者设置属性。然而一个元素的属性却不是和脚本中使用的属性一一对应的。一个较偏僻的属性，甚至google也很难找到其对应的脚本属性。今天我就遇到了这个问题：我需要创建一个label标记来对应一个复选框，使得点击这个label标记也能选中复选框。这是很常用的技术，比如如下的代码：

input type="checkBox" id="cbTop"/>
label for="cbTop">置顶/label>
就能够使得点击“置顶”两个字时也能选中复选框。
在正常情况下，这段代码是直接写到文件里的，很容易完成。当是我需要通过脚本创建，就遇到了问题，一般脚本属性和标记中写的属性是一样的，如链接标记a的目标属性href就保持一致。但因为for是javascript中的保留字，不能作为属性。我在网上找了很久也没找到for对应的脚本属性是什么，于是就酝酿出下面的办法来找到一个标记属性对应的脚本属性，现在就以找label的for属性对应的脚本属性为例： 
label for="abcd" id="lblTest">test/label>
script type="text/javascript">
 var lbl=document.getElementById("lblTest");
 for(var p in lbl){
  var s=eval("lbl."+p);
  if(s=="abcd")alert(p);
 }
/script>
原理是这样，我先写一个html标记到文档中，然后给要找的属性赋一个唯一值，例子中是给label的for属性复制"abcd"，然后通过javascript引用这个元素，并且遍历它的所有属性，如果一个属性的值等于abcd，那么就可以认为这个属性的名称就是其对应的脚本属性。就是通过这个方法，发现了label的for属性对应的脚本属性应该是：htmlFor。嘿嘿，还是比较怪异的哦。类似的方法还可以应用在找css的脚本属性上，大家不妨试试。

标签：红河 上海 长治 河南 沈阳 新疆 沧州 乐山

巨人网络通讯声明：本文标题《找到html标记对应的脚本属性》，本文关键词  ；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 推荐文章

    上一篇：实用的标签效果

    下一篇：China.com网站开发规范第1/2页

     
    微信咨询办理
    在线QQ客服
    ( 客服小王 )
    ( 客服小李 )
    ( 客服小刘 )
    ( 客服小张 )
    关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

    Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

    全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

    江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

    《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
    全国咨询热线
    400-1100-266
    在线客服( QQ：340506921 )
    版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
    收缩
    • 微信客服
    • 微信二维码

    • 电话咨询

    • 400-1100-266