快捷搜索: 王者荣耀 脱发

JS 修改a标签中的链接及文字

DOM:Document Object Model --->文档对象模型----操作页面的元素 html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象 页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象,每一个标签的属性都可以看做对象的属性

HTML代码部分如下:

<input type="button" value="显示效果" id="btn"/>
<a id="ak" href="https://www.jiumodiary.com/">鸠摩搜书</a>

JS部分代码如下:

<script>
  //案例:点击按钮修改a标签的地址和热点文字

  document.getElementById("btn").onclick = function () {
    //根据id获取超链接,设置href属性
    var aObj = document.getElementById("ak");
    aObj.href = "http://www.baidu.com";
    //根据id获取超链接,设置文字内容
    aObj.innerText = "百度";
  };

</script>

说明:

经验分享 程序员 微信小程序 职场和发展