專案需求,往頁面中新增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>' 
}