在JavaScript中设置锚点的innerHTML

时间:2014-01-25 02:17:23

标签: javascript anchor

这是我的代码

var test = '${URL}'

${URL}是包含关注<a href="google.com">LINK</a>

的锚标记

我想将此LINK更改为TEST。有可能吗?我无法找到任何方法来更改锚标记的innerHTML。

2 个答案:

答案 0 :(得分:3)

首先给html链接一个id。 然后,您可以访问它并使用innerHTML属性更新文本,如下例所示。

<html>
<head>
</head>
<body>
<a href="google.com" id='link'>LINK</a>

<script>
    document.getElementById('link').innerHTML="Test";
</script>
</body>
</html>

答案 1 :(得分:2)

变量'test'不包含DOM对象。那时的所有内容都是一个看起来像html的字符串。

如果您使用测试变量执行此操作。

var div = document.createElement('div');
div.innerHTML += test;

div.getElementsByTagName("a")[0].innerHTML = 'test';

你可以做到。但是在代码的当前阶段,变量测试不再是String。

如果您能够更好地了解环境以及您希望实现的目标,我们可以为您提供更好的帮助。