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 @   Evident  阅读(341)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
点击右上角即可分享
微信分享提示