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

Question

<a name="0" class="STYLE2" id="0" >登</a> JS里的代码document.getElementById("0").innerHTML="1.jpg"; 为什么不行？是什么原因？有什么办法解决？

Answer 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、效果演示

Answer 2

1.jpg这个是图片啊，如果你想加个图片也应该写完整啊document.getElementById("0").innerHTML="<img id='1' src='1.jpg'>";

Answer 3

1、点击改变<a name="0" class="STYLE2" id="ahtm" onclick="ch()">登</a>

<script>
function ch()
{
document.getElementById("ahtm").innerHTML="1.jpg";
}

2、加载改变。注意js代码块一定要写在</a>之后<a name="0" class="STYLE2" id="ahtm" >登</a><script>document.getElementById("ahtm").innerHTML="1.jpg";</script>