更改没有id的href innerHTML?

时间:2017-04-05 04:04:11

标签: javascript href innerhtml

如何在没有id的情况下更改href内的文本只使用javascript?

<a href="member.php?action=profile&uid=0">Owner</a>

4 个答案:

答案 0 :(得分:0)

这是你想要的吗?

<script type="text/javascript">
  function open_fun() {
    document.getElementById('link').innerHTML = "<a
    href='javascript:oprn()'>CLOSE</a>";
  }
</script>

<body>
<div id='link'><a href='javascript:open()'>OPEN</a></div>
</body>

答案 1 :(得分:0)

Javascript方法:

使用 innerHTML 定位标记并替换内容。

document.getElementsByTagName('a')[0].innerHTML = "New text!";

jQuery方法:

您可以直接定位a标记以更改链接文字。

$('a').html('Hello World');

要更改 href ,请使用此选项:

$('a').attr("href", "http://www.google.com/");

答案 2 :(得分:0)

<a href="member.php?action=profile&uid=0" onclick="textChanger(this);return false;">Owner</a>

function textChanger(link){
    link.innerHTML = 'YourText';
}

经过测试。您还可以将多个参数传递给函数,即文本/字符串。

答案 3 :(得分:0)

您可以使用querySelector()方法按其属性选择var tag = document.querySelector('a[href="member.php?action=profile&uid=0"]'); if(tag){ tag.innerHTML = "TEXT"; } 标记。

例如:

function update(){
    var tag = document.querySelector('a[href="member.php?action=profile&uid=0"]');
    if(tag){
        tag.innerHTML = "TEXT";
    }
}

<强>演示:

<a href="member.php?action=profile&uid=0">Owner</a>

<br /><button onclick="update()">Update</button>
CCREJECT-REFUSED