Eli*_*eth 15 javascript argument-passing
我想将一个对象作为参数传递给字符串中的Onclick函数.像下面这样的东西:
function myfunction(obj,parentobj){
var o=document.createElement("div");
o.innerHTML='<input type="button" onclick="somelistener(' + obj + ')" />';
parentobj.appendChild(o.firstChild);
}
显然,这不起作用.任何人有任何想法？谢谢!
一个更完整的版本,正如@Austin所建议的那样
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
</style>
<p id="test">test</p>
<p id="objectid"></p>
<script>
function test(s){
document.getElementById("test").innerHTML+=s;
}
function somelistener(obj){
test(obj.id);
}
function myfunction(obj,parentobj){
var o=document.createElement("div");
o.innerHTML='<input type="button" onclick="somelistener(' + obj + ')" />';
o.onclick = function () {
someListener(obj)
}
parentobj.appendChild(o.firstChild);
}
myfunction(document.getElementById("objectid"),document.getElementById("test"));
</script>
</body>
</html>
Aus*_*tin 20
上面的例子不起作用,因为obj文本的输出[Object object]实际上是你正在调用的someListener([Object object]).
当你有元素的实例时o,使用javascript绑定它的点击:
function myfunction(obj,parentobj){
var o=document.createElement("div");
o.innerHTML='<input type="button" />';
o.onClick = function () {
someListener(obj)
}
parentobj.appendChild(o.firstChild);
}
我在这里为你创造了一个工作小提琴:JSFiddle
Joã*_*ira 14
老问题，其答案我不太明白，但最简单的解决方案是将函数encodeURIComponent和结合起来JSON.stringify，即对对象进行字符串化，然后转义那些特殊字符，然后在函数内部反转该过程
var obj = {a: 'hey there', b: 1}
document.getElementById('mydiv').innerHTML =
`<button onclick="myFunction('${encodeURIComponent(JSON.stringify(obj))}')">Click me</button>`
function myFunction(obj) {
console.log(JSON.parse(decodeURIComponent(obj)))
}<div id="mydiv"></div>function myfunction(obj,parentobj){
var o=document.createElement("div");
o.innerHTML="<input type='button' onclick='somelistener("+JSON.stringify(obj)+")'/>";
parentobj.appendChild(o.firstChild);
}
// my similar problem, function a was called in a jsonArray loop in the dataTable initiation
function a(data, type, obj) {
var str = "";
str += "<span class='button-group'>";
str +="<a onclick='chooseData1("+JSON.stringify(obj)+")'>[??]</a>";
str += "</span>";
return str;
}
function chooseData1(data){
console.log(data);
}