添加範圍到標籤ID

Question

我想添加一個範圍到我沒有訪問HTML的標籤，因爲它是從RSForms Pro輸出的。我想爲各個標籤添加一個工具提示範圍，因此當用戶將鼠標移到其上時，他們會獲得一些信息。

下面是代碼的樣子：

<p class="rsformVerticalClear"><input name="form[Services_DM][]" type="checkbox" value="Death Records Retrieval/Search" id="Services_DM0"><label for="Services_DM0">Death Records Retrieval/Search</label></p> 

下一個選項有類Services_DM1等等。

如何在無法訪問實際代碼的情況下向「死亡記錄檢索/搜索」添加一個範圍？有沒有辦法注入它？

Answer 1

您可以從「Services_DM」針對所有類的起始標籤和一個跨度追加對他們說：

試試這個jQuery的示例代碼段。

var $span = $('<span>My span contents here </span>'); 
$('label[class^="Services_DM"]').each(function(index,item){ 
    $(this).append($span); 
}); 

上述代碼未經測試，僅供參考！

Answer 2

你如何將代碼插入到你的頁面？由於XSS的擔憂，嵌入的任何內容（例如Iframe）都將被禁止從您的JavaScript（或IIRC，由其訪問）操縱。

假設你的html和加載的html被渲染到同一個文檔中，你會想使用HTML DOM函數來操縱html的後加載。這個函數應該做你想要什麼：

function addToolTip(elementid, content, classname) { 
    var theelement=document.getElementById(elementid); 
    var thetooltip=document.createElement('span'); 
    var thetext = document.createTextNode(content); 
    thetooltip.appendChild(thetext); 
    thetooltip.setAttribute('class',classname); 
    theelement.appendChild(thetooltip); 
} 

要生成一個提示，只需撥打addToolTip與標籤的元素，你喜歡的任何文字內容的工具提示中看到的，和CSS類（我想你可能想要這樣造型）。