如何更改<a> tag using javascript?</a>的值

Question

这是我的HTML代码

<a href="myfile.html" id='tagId'>Old File</>

我想用名称＆＃34;新文件＆＃34;更改标签的值。

所以我写了像document.getElementById这样的javascript（＆＃34; tagId＆＃34;）。value =＆＃39;新文件＆＃39;;

我认为输出类似于<a href="myfile.html" id='tagId'>New File</a>

但它无法正常工作。任何人都可以帮忙吗？

Answer 1

使用.innerHTML或.innerText

document.getElementById("tagId").innerHTML="new File",

OR

document.getElementById("tagId").innerText="new File",

OR 注意：并非所有浏览器都支持innerTEXT，因此如果您只想更改文字，请使用textContent，

参考Stack overflow answer

就像@Amith Joki所说，使用像

 document.getElementById("tagId").textContent="new File",

由于<a>标记没有值属性，因此您需要更改锚标记的html。

使用Jquery

$("#tagId").html("new File");

OR

$("#tagId").text("new File");

修改

如果您想使用javascript更改href，请像这样使用

 document.getElementById("tagId").href="new href";

使用jquery，

$("#tagid").attr("href","new value");

Answer 2

您可以使用.html()来获取/设置html：

 $('#tagId').html('New File')

OR

 $("#tagId").text("new File");

Answer 3

使用.textContent属性设置<a>。

的文字

document.getElementById("tagId").textContent ="new File"

Answer 4

使用它：

$("#tagid").text("New File");

Answer 5

这是简单的代码

<script>
    $("tagId").html("new File");

</script>