`
deng131
  • 浏览: 661786 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript设置label标签 for属性

阅读更多
js创建label标签的for属性用来增加操作响应区域。

var label = document.CreateElement("input");
label.type="checkbox";
label.for="id"; //不能使用for关键字


由于在js中使用for关键字,所以只能换一种方式:

1,推荐setAttribute属性:
     label.setAttribute("for","id");


2,通过htmlFor属性来设置:
    label.htmlFor="id";


分享到:
评论

相关推荐

    JavaScript 编写的简单单选投票的代码

    这个示例创建了三个选项,使用 input 元素和 label ...注意:此示例假设在同一页面上只有一个单选投票,并且每个选项的 id 和标签的 for 属性是对应的。如果需要处理多个单选投票,需要相应地修改 JavaScript 代码。

    微软JavaScript手册

    description 属性 返回或设置关于指定错误的描述字符串。 Dictionary 对象 存储数据键、项目对的对象。 dimensions 方法 返回 VBArray 的维数。 除法运算符 (/) 对两个表达式执行除法运算。 do...while 语句 ...

    javascript文档

    javascript的官方文档 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中,可以找到按字母顺序列出的所有 JScript 语言的主题。如果只需要查看某个主题(例如对象),则有对该主题...

    《javaScrip开发技术大全》源代码

    • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • sample04.htm 在同...

    amcharts中文教程(柱状图,饼状图等的中文设置说明)

    -- 如果图形的在宽带和高度使用百分比来设置的,并且该属性设置为true,那么当图形的窗口大小改变的时候,那么图形也会重新绘画,改变大小。默认为false[false] (true / false) if your chart's width or height is ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    html的body内标签之fieldset标签和label标签 上述内容总结 css选择器 css的存在形式及优先级 css边框以及其他常用样式 css之float样式 css之float实现作业实例 css之display样式 css之内外边距 本周作业以及思路 第...

    js_task_fix_form_DOM:JS DOM高级任务。 解决表格中的问题

    请遵循 运行npm run test命令来测试您的代码; 运行npm run test:only -- -n以忽略linter的方式运行快速测试;... 为每个input元素创建带有class field-label元素label (需要应用CSS样式),并for属性设置当前

    Unique-Id-Mixin

    当您需要为标签及其各自的输入分配for=""属性时,这很有用。 安装 npm install unique-id-mixin --save-dev 示例用法 var UniqeIdMixin = require ( 'unique-id-mixin' ) ; var Component = React . createClass ...

    Xpage学习笔记

    2.3 设置xpage属性引入dojo模块 3 2.4 Xpage的页面html代码 4 2.5 在xpage中使用dojo编程 4 2.5.1 按钮(dijit.form.Button) 4 2.5.1.1 通过插入标签生成dojo按钮 5 2.5.1.2 使用xpage按钮控件 7 2.5.1.3 在按钮控件...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"> 四大标准属性: 1、id :定义元素在页面中独一无二的...

    ASP.NET2.0高级编程(第4版)1/6

    2.2.3 页面标签22 2.2.4 代码改变状态的通知23 2.2.5 错误通知和辅助23 2.3 工具箱25 2.4 Solution Explorer26 2.5 Server Explorer28 2.6 Properties窗口28 2.7 丢失的窗口29 2.8 其他常见的Visual Studio操作29 ...

    Terratype:Umbraco CMS的多地图选择器

    希望为您的内容编辑器或网格编辑器提供便捷的“地图”来设置实际位置。 有关更多详细信息,请参见 用法 通过Nuget 安装Terratype框架软件包 安装您要使用的地图提供程序,您可以同时安装和使用多个提供程序。 ...

    ReactUniqueID:响应以获取唯一元素ID的HOC

    当您需要为标签及其各自的输入分配for=""属性时,此功能很有用。安装 ```//Will be updating soon```用法示例 import uniqueElementID from 'react-unique-id' ;class MyComponent extends Component { render ( ) ...

    ember-cli-bootstrap-components

    Ember-cli-bootstrap-components 这个插件(将)提供了许多有用的引导主题组件,这些组件使用 Ember Bindings 来自动添加... {{ bs-input for = " username " labelText = " Username " type = " text " value = userna

    2.ASP.NET.2.0.高级编程(第4版) [1/7]

    .2.2.3 页面标签 22 2.2.4 代码改变状态的通知 23 2.2.5 错误通知和辅助 23 2.3 工具箱 25 2.4 Solution Explorer 26 2.5 Server Explorer 28 2.6 Properties窗口 28 2.7 丢失的窗口 29 2.8 其他常见的...

    chartjs-plugin-datalabels:Chart.js插件,可在数据元素上显示标签

    高度可定制的插件,可在任何类型的图表的数据上显示标签。 需要 > = 2.7.0 <3> npm install 然后,从存储库根目录可以使用以下命令: > npm run build // build dist files > npm run build:dev // build and ...

    as3比较详尽的工具类

    LabelButton.as ---------------------- 加标签的按钮 TwoFaceButton.as ---------------------- 两帧型按钮 ButtonManage.as ---------------------- 按钮统一管理器 --interactive: DragComponent.as -------...

Global site tag (gtag.js) - Google Analytics