需要顯示javascript變量作爲標題沒有空格

Question

我寫了一個JavaScript，它將在title屬性中返回變量中的值。

它不帶空格返回值，當我執行下面的代碼它返回最後的值作爲「阿肖克」而不是「阿肖克sensiple」

var ltenantName = 'Sensiple,new-tenant-001,tenant-new,Tenant_1208,ashok sensiple'; 

var ltenantNameLength = '<div style="cursor:Pointer" title=' 
+ ltenantName 
+'>' 
+ ltenantName.split(',').length 
+'</div>'; 

return ltenantNameLength; 

Answer 1

嘗試添加引號

var ltenantName = 'Sensiple,new-tenant-001,tenant-new,Tenant_1208,ashok sensiple'; 

var ltenantNameLength = '<div style="cursor:Pointer" title="' 
+ ltenantName 
+'">' 
+ ltenantName.split(',').length 
+'</div>'; 

Answer 2

HTML屬性包含空格的值必須被引用。

您正在生成價值周圍沒有引號的title屬性。

您的代碼：

var ltenantName = 'Sensiple,new-tenant-001,tenant-new,Tenant_1208,ashok sensiple'; 
 

 
var ltenantNameLength = '<div style="cursor:Pointer" title=' 
 
+ ltenantName 
 
+'>' 
 
+ ltenantName.split(',').length 
 
+'</div>'; 
 

 
document.body.appendChild(document.createTextNode(ltenantNameLength));

正如你可以看到sensiple是title屬性值的新屬性，而不是一部分。

添加引號：

var ltenantName = 'Sensiple,new-tenant-001,tenant-new,Tenant_1208,ashok sensiple'; 
 

 
var ltenantNameLength = '<div style="cursor:Pointer" title="' 
 
+ ltenantName 
 
+'">' 
 
+ ltenantName.split(',').length 
 
+'</div>'; 
 

 
document.body.appendChild(document.createTextNode(ltenantNameLength));

更重要的是，不要試圖混搭串在一起，JS，使HTML：

var ltenantName = 'Sensiple,new-tenant-001,tenant-new,Tenant_1208,ashok sensiple'; 
 

 
var ltenantNameLength = document.createElement('div'); 
 
// This normally indicates a link. If you want a link, why not use <a>? 
 
ltenantNameLength.style.cursor = "pointer"; 
 
ltenantNameLength.title = ltenantName; 
 
ltenantNameLength.appendChild(
 
    document.createTextNode(
 
    ltenantName.split(',').length 
 
) 
 
); 
 

 
document.body.appendChild(ltenantNameLength);