javascript - 将跨度添加到标签 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 等等。

如何在无法访问实际代码的情况下向“死亡记录检索/搜索”添加跨度？有办法注入(inject)吗？

Answer 1

您如何将代码插入您的页面？由于 XSS，任何嵌入的内容(例如 Iframe)都将被禁止从您的 javascript 操作(或 IIRC，被访问)问题。

假设您的 html 和加载的 html 被渲染到同一个文档中，您会想要使用 HTML DOM操作 html post 加载的函数。这个函数应该做你想做的:

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 类(我想您可能需要它来设置样式)。