在onclick函数中传递字符串参数 [英] Pass a string parameter in an onclick function

查看:208
本文介绍了在onclick函数中传递字符串参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想将参数(即字符串)传递给Onclick函数.

I would like to pass a parameter (i.e. a string) to an Onclick function.

目前,我这样做:

'<input type="button" onClick="gotoNode(' + result.name + ')" />'

其result.name例如等于字符串"Add".

with result.name for example equal to string "Add".

当我单击此按钮时,出现一个错误,提示未定义添加" .由于此函数调用可完美地与数字参数配合使用,因此我认为它与符号"有关.在字符串中.

When I click on this button, I have an error that says that "Add is not defined". Since this function call works perfectly with a numeric parameter, I assume that it has something to do with the symbols "" in the string.

如何解决此问题?

推荐答案

看起来您正在从字符串中构建DOM元素.您只需要在result.name周围添加一些引号即可:

It looks like you're building DOM elements from strings. You just need to add some quotes around result.name:

'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'

您确实应该使用适当的DOM方法来做到这一点.

You should really be doing this with proper DOM methods though.

var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
    gotoNode(result.name);
});

​document.body.appendChild(inputElement);​

请注意,如果这是一个循环之类的事件,result将在事件触发前发生变化,您需要创建一个额外的作用域气泡以遮盖变化的变量.

Just be aware that if this is a loop or something, result will change before the event fires and you'd need to create an additional scope bubble to shadow the changing variable.

这篇关于在onclick函数中传递字符串参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆