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>
说明: