将js对象值复制到html中作为字符串

Question

我想使用不是全局的javascript对象的值来创建html元素。

如果我运行以下代码，我会接受错误：＆＃34; params未定义＆＃34;。我想要做的只是将值作为参数复制到html代码中。

if (params.data.allowedOperations.indexOf('Put') != -1) {
   return "<a onclick=\"ahey('PUT',params.data.allowedOperations)\" href=\"#\"> PUT </a>";
}

Answer 1

Try

return "<a onclick=\"ahey('PUT','" + params.data.allowedOperations + "')\" href=\"#\"> PUT </a>";

As params.data.allowedOperations being a string, you need to add single quotes around the quotes. In case of number, these are not required.

Answer 2

You could use:

if (params.data.allowedOperations.indexOf('Put') != -1) {
    return "<a onclick=\"ahey('PUT','"+params.data.allowedOperations+"')\" href=\"#\"> PUT </a>";
}

Alternatively you could create an anchor node and then add an eventlistener to it or store the operations in a different attribute e.g.:

if (params.data.allowedOperations.indexOf('Put') != -1) {
    return "<a onclick=\"ahey('PUT', this.dataset.allowedOperations)\" data-allowed-operations=\""+params.data.allowedOperations+"\" href=\"#\"> PUT </a>";
}