javascript - JS : Replace a link with a link. 并且该链接带有链接

标签 javascript

我将制作一个文本 block ,这样如果您单击一个单词,它就会被词汇替代品所替换。

例如“fearful-of-cats”是“ailurophobic”的词汇替代品,因为如果您在任何文本中将后者替换为前者,含义不会改变。

但是,即使在早期阶段,我在替换元素的 innerHTML 所需的功能方面也遇到了麻烦。

以下是该函数的示例和粗略概念:

<!DOCTYPE html>
<html>
<body>
<p><a href="#" id="Test_1" onclick=" replace(id,'Replacement 1') ">Test 1</a></p>
<p><a href="#" id="Test_2" onclick=" replace(id,'Replacement 2') ">Test 2</a></p>

<script>
function replace(x, y) {
    document.getElementById(x).innerHTML = y;
}
</script>
</body>
</html> 

(当我将其作为 .html 文件保存到我的桌面,但由于某种原因不在 jsfiddle 上时,这是有效的(否则我会将您链接到它。))

我希望您向我展示修改后的代码,这样如果我单击“测试 1”,我会得到“替换 1”。 然后如果我点击“Replacement 1”,我会得到“ReReplacement 1”。

我相信我目前遇到的问题与转义字符有关。

因此,如果您的回答能够阐明我在这方面可能出错的地方,我将不胜感激。谢谢。

最佳答案

***EIDT***

无论是这个还是其他作品

<a href="#" id="Test_1" onclick=" replace('Test_1','Replacement 1') ">Test 1</a>

关于javascript - JS : Replace a link with a link. 并且该链接带有链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25955006/

相关文章:

javascript - socket.io 客户端在长 Node.js 函数中自动断开连接

javascript - 如何使用 javascript 复制此 css 媒体 jquery 以支持 IE

javascript - 清空对象的属性

javascript - 嵌套在 vbox 中的 hbox 不显示 ExtJS

javascript - 如何使用 Dino 和 Sinatra 显示传感器输出?

ISO 转换后 JavaScript 时间落后一小时

javascript - 以特定样式输出javascript对象

javascript - 如何在 JavaScript 中将自调用函数作为函数参数传递?

javascript - 在某些html页面热点禁用onTouchListener

javascript - 如何使用 html2canvas JS 将当前屏幕下载为 PDF 和图像?