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