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>' 
}

 

posted @ 2022-04-18 15:13  Evident  阅读(329)  评论(0编辑  收藏  举报