JS修改a标签中的链接及⽂字DOM:Document Object Model --->⽂档对象模型----操作页⾯的元素
html⽂件看成是⼀个⽂档,那么这个⽂档看成是⼀个对象,⽂档中的所有的标签都可以看成是⼀个对象
页⾯中的每个标签,都是⼀个元素(element),每个元素都可以看成是⼀个对象,每⼀个标签的属性都可以看做对象的属性HTML代码部分如下:
<input type="button" value="显⽰效果" id="btn"/>
<a id="ak" href="www.jiumodiary/">鸠摩搜书</a>
JS部分代码如下:
<script>
//案例:点击按钮修改a标签的地址和热点⽂字
//根据id获取超链接,设置href属性
var aObj = ElementById("ak");
html href属性aObj.href = "www.baidu";
//根据id获取超链接,设置⽂字内容
aObj.innerText = "百度";
};
</script>
说明:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论