Question

我试图在标签上添加一个范围，因为它不能从RSForms Pro的输出中访问HTML。我想为各个标签添加一个工具提示范围，这样当用户将鼠标移动时，它们会获得一些信息。

代码如下所示：

<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类，依此类推。

如何添加跨度到死亡记录检索/搜索＆＃34;无法访问实际代码？有没有办法注入它？

Answer 1

您是如何将代码插入页面的？由于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类（我认为您可能希望将其用于样式化）。

Answer 2

您可以使用从＆＃34; Services_DM＆＃34; 开始的类来定位所有标签，并为其添加范围：

试试这个jQuery示例代码段。

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

以上代码未经过测试，仅供参考！

将Span添加到标签ID

2 个答案: