JS怎么改变<a><a>里面的的文字?

JavaScript018

JS怎么改变<a><a>里面的的文字?,第1张

思路:获取a对象,然后使用innerHTML属性设置标签内的文字,关键代码:

document.getElementById(id).innerHTML = something

实例演示如下:

1、HTML结构

<a href="#" id="test">超链接的原始文本</a><br>

修改超链接文本:<input type="text" id="name">

<input type="button" value="修改" onclick="fun()">

2、javascript代码

function fun(){

var name = document.getElementById("name").value

document.getElementById("test").innerHTML = name

}

3、效果演示

这个函数是click处理函数, 所以this指向点击的a元素

故获取其中文字有以下方案可选

this.innerHTML

this.innerText

$(this).html()

$(this).text()