javascript - 如何使新的 DOM 元素认为它驻留在与 js 和 css 不同的域中

Question

我正在创建一个新的 dom 元素:

var bubbleDOM = document.createElement('div');
bubbleDOM.setAttribute('class', 'selection_bubble');
document.body.appendChild(bubbleDOM);

然后我使用 .responseText 以文本方式将数据填充到此 DOMXMLHttpRequest 并最终更改它的 css:

.selection_bubble {
  position: absolute;
}

到目前为止一切正常。我的问题是我填充的部分数据DOM 元素有一个 href 链接，例如:/prop.php?id=333

这让他们认为链接真的来 self 的网站，所以当用户点击它时，他会去: http://www.mywebsite.com/prop.php?id=333

我希望这些链接出现在网站上(我知道它的名字并且有只有一个我从中提取数据)，因为它们应该是: http://www.thesitei 'mpullingfrom.com/prop.php?id=333

我如何使用 CSS 或 JS 更改它？

Answer 1

改进我对问题的原始评论:

为了仅修复以斜杠 (/) 开头的 URL，应运行类似以下命令的内容:

(根据修复表达式的注释编辑)

responseText.replace(/(href=")(\/[^"]+)"/g, "$1http://thesiteimpullingfrom.com$2\"")