实现要求:点击图片链接,将展示图片切换成相对应的图片,改变相对应的图片描述内容。
以下代码中重点记录:nodeValue 、 禁止a标签自带的链接跳转
nodeValue:本节中要修改的是h1标签中所显示的内容,应该修改h1标签的文本节点【h1.firstChild.nodeValue】,而不是h1.nodeValue
禁止a标签自带的链接跳转:通过返回false值可以禁止a标签进行自身的链接跳转。
知识点:
getAttribute:获得对象属性
document.getElementsByTagName("a")[0].getAttribute("title"); //获得a标签的title属性值
getElementById :通过ID获得元素对象
document.getElementsByTagName("a") //值为数组
setAttribute :设置对象属性
document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); //将Input的type设置成button类型