如何更改元素中的文本值？

Question

如何在a内更改所有文字

  

继续阅读

使用jquery

<div class="post-read">
<a href="http://www.google.com">Read More</a>
</div>

Answer 1

在文档就绪处理程序（$(fn)）...

中使用jQuery

$('.post-read a').text('continue reading');

jsFiddle

为了它，这里是如何在没有jQuery的情况下完成它....

var anchor = document.getElementsByClassName('post-read')[0].getElementsByTagName('a')[0],
    textProperty;

if (anchor.textContent) {
    textProperty = 'textContent';
} else if (anchor.innerText) {
    textProperty = 'innerText';
}
anchor[textProperty] = 'continue reading';

jsFiddle

这对你的HTML片段很有用，但它不太通用。

如果您不关心设置innerText属性，可以使用...

anchor.textContent = anchor.innerText = 'continue reading';

我不会推荐它。

Answer 2

这应该这样做：

$('.post-read a').html('continue reading');

Answer 3

$('.post-read a').html("continue reading")

Answer 4

通过jQuery中的text属性更改<tag>

的内部文本

$(document).ready(function () {
    $('.postread a').text("your new text here ");
}