`
akinlong
  • 浏览: 69970 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS生成按钮以及onclick动作

 
阅读更多

在用JS生成onclick动作时遇到困难,用了一天才解决,记录备忘:

1、想实现的效果是:

用JS生成按钮(button),并给其附加各种属性,

生成代码类似:<input name='99' type='button' onclick='showHint(this.name)' value='顶一下'/>

包括动作:onclick='showHint(this.name)'    //'showHint(this.name)是一个事先写好的JS函数,(this.name)是传的参数。

开始写的代码如下:

//----------------------------------创建投票按钮-------------------------------------------

var votebutton = document.createElement("input");    // 生成input对象
    votebutton.type = "button";                                       // 生成input属性value
    votebutton.value = "支持,顶一下";
    votebutton.name = "99";                                         // 可用JS中的票数变量替换此处的“99”,
                                                                                      供下面的vote()传回;

    votebutton.className = "btnone";
    votebutton.onclick= "vote(this.name)";                   //这句不好用
    _td12.appendChild(votebutton);                             //将按钮附加到“ _td12”的td中

2、遇到的问题:

发现这句不起作用:votebutton.onclick= "vote(this.name)";

到网上查,发现votebutton.onclick= 后面加的函数不能加参数,但我需要传一个参数,

2、解决方法:

把它换成这种方式写:

votebutton.onclick=function (){
              vote(this.name);

};
分享到:
评论

相关推荐

    JS中动态添加事件(绑定事件)的代码

    两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert&#40;”&#41;; } 第二种...

    jquery应该如何来设置改变按钮input的onclick事件

    jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: &lt;input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/&gt;这行代码是在程序后台生成的,和Discuz!NT论坛源码中的...

    JavaScript实现自动生成网页元素功能(按钮、文本等)

    创建元素的方法: ...input type="button" value="创建并添加节点1" onclick="addNode1()"/&gt; &lt;input type="button" value="创建并添加节点2" onclick="addNode2()"/&gt; &lt;input type="button" value

    JavaScript实现动态生成表格

    本文实例为大家分享了JavaScript实现动态生成表格的具体代码,供大家参考,具体内容如下 功能描述 在输入框中输入行和列,点击按钮,生成拥有对应行和列的表格。如下图所示: 分析 HTML界面设计 &lt;body&gt; 行...

    JavaScript随机生成颜色的方法

    废话不多说了直接给大家贴js代码了,具体代码如下所述: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;...

    JavaScript详解(第2版)

    第1章 JavaScript简介 1 1.1 JavaScript是什么 1 1.2 JavaScript不是什么 2 1.3 JavaScript的用处 3 1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 ...

    JavaScript基础教程第8版

    《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...

    modalator:用于生成模式的纯JavaScript组件

    调制器描述用于生成模式的纯JavaScript组件。为什么要使用Modalator? 该模式是: 纯JavaScript-无需HTML,CSS或第三方库(例如jquery)。 所有HTML组件和元素都是动态创建的。 独立-模态对象在其自己的名称空间中...

    大名鼎鼎SWFUpload- Flash+JS 上传

    JavaScript 库: SWFUpload.js Flash控制元素: SWFUpload_f8.swf 或者 SWFupload_f9.swf 事件处理 使用SWFUpload遇到的多数问题是由不正确地设置或者定义了糟糕的处理事件引起的。 初始化和设置 SWFpload必须在...

    javascript入门笔记

    Javascript,简称为 JS,是一款能够运行在 JS解释器/引擎 中的脚本语言 JS解释器/引擎 是JS的运行环境: 1、独立安装的JS解释器 - NodeJS 2、嵌入在浏览器中的JS解释器 JS的发展史: 1、1992年 Nombas 开发...

    Xpage学习笔记

    2.5.1.1 通过插入标签生成dojo按钮 5 2.5.1.2 使用xpage按钮控件 7 2.5.1.3 在按钮控件上使用事件处理程序控件 7 2.5.2 Xpage中使用 Spinner(dijit.form.NumberSpinner) 9 2.5.3 在xpage中使用ProgressBar(dijit....

    AxureRP-Pro-5.6安装文件+破解+汉化+模板+官方教程

    交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作,包括OnClick、OnMouseOver和OnMouseLeave等  五.自动输出网站原型(HTML Prototype): Axure RP可以将wireframe,输出成符合...

    auxure 安装包+汉化包

    交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作,包括OnClick、OnMouseOver和OnMouseLeave等  五.自动输出网站原型(HTML Prototype): Axure RP可以将wireframe,输出成符合...

    javaweb修改源码-JavaScript---Easy-Image-Slideshow:在本教程中,我们将使用JavaScript创建一个

    当用户单击按钮时,此代码可以生成和更改图像。 该代码使用onclick()来启动一个函数,该函数通过增加或减少图像的数组索引位置来更改图像显示。 请随意修改并将其应用到您的系统中,这是一种用户友好的程序。我们...

    最新版Axure RP

    交互设计(InteractionDesign) 大多数的widget可以对一个或多个事件产生动作,包括OnClick、OnMouseOver和OnMouseLeave等  五.自动输出网站原型(HTML Prototype): Axure RP可以将wireframe,输出成符合...

    0.9-Highway-ColorStreet:with带画布的动画路:night_with_stars::railway_track:

    有5个按钮(“颜色太阳”,“颜色山脉”,“颜色高速公路”,“颜色线高速公路”) ,它们通过JS Onclick () events ,允许生成一个div(调色板),该div随每个元素更改颜色。 还带有一个按钮,可隐藏调色板以实现...

    algoritmo[removed]使用JavaScript从Alura课程开发的算法

    :white_question_mark: guess_more 在该程序中,用户输入一个数字,然后在单击“与数字思想比较”按钮时,将被告知随机生成的数字是对还是错。 为此,使用了按钮创建,警报以及Math.round和Math.random函数。 :...

    RupeeCollector:卢比收藏家

    卢比收藏家 负责创建一个为玩家提供随机数的应用程序。 然后,玩家可以单击具有(秘密)随机值的宝石/卢比。... 使用了按钮onclick事件,if语句和jQuery通过ID选择按钮的组合。 这是理解JS和jQuery使用的极好实践。

    WodGenerator

    第一个版本将是一个带有按钮的简单页面,该按钮onclick会基于4个不同的练习生成一个随机的WOD,时间上限为20分钟,但是范围会随着我的前进而扩大。 技术领域 HTML,CSS和JavaScript 执照 麻省理工学院执照 版权所有...

Global site tag (gtag.js) - Google Analytics