js中原生添加标签动态传值不显示问题
项目需求,往页面中添加span标签元素,但是方法中定义后,动态添加不生效问题:
方法一:
let name = "totalAcount" let title = "编号" eInt:funtion(name,title){ const str = name+"IsNull" const titleTip= title+"只能输入整数"
// 这里进行动态添加使用的是 '+titleTip+'
let temp = '<span style="color:red;">'+titleTip+'</span>'
}
方法二:
let name = "totalAcount" let title = "编号" eInt:funtion(name,title){ const str = name+"IsNull" const titleTip= title+"只能输入整数" // 这里进行动态添加使用的是方法里面动态传递参数 titleTip let temp = '<a onclick="toBankprove(\' '+titleTip+'\')">执行方法</a>' }
然而我们正常使用一下方法添加却不成功,原因是原生js底层进行添加的时候已经将其方法里面的参数转换为字符串了,所以我们动态添加只能是类型添加失败,遇到这种情况可以尝试上面所说的两种方式进行动态添加/传递
let name = "totalAcount" let title = "编号" eInt:funtion(name,title){ const str = name+"IsNull" const titleTip= title+"只能输入整数" // 这里进行动态添加使用的是方法里面动态传递参数 titleTip let temp = '<a onclick="toBankprove(titleTip)">执行方法</a>' }