JavaScript 编程艺术-第4章（JavaScript美术馆）代码

功      能：在同一个网页上切换显示不同的图片与文本（*亲测可用）

使用属性：

a） document.getElementById(" ") ——返回一个与给定的id属性值的元素节点对应的元素——[(" ")内元素为指定的id名]

b） document.getElementByTagName(" ") ——返回一个数组——[(" ")为元素名，例如：a;p;li等]

c）.getAttribute(" ") ——获取元素属性的值 ——[(" ")打算查询的属性名字，例如：href;title等]、

d）.setAttribute(" ", " ") ——设置或修改某个属性的内容

e） onclick="showpic(this); return false" ——onclick：事件处理函数，用户点击某个链接时触发的一个动作；return false：链接被点击时的默认行为将不会发生

f） document.getElementById("descriptor").chlidNodes[0].nodeValue ——获取P元素的文本内容（chlidNodes[0]相当于firstchild）

 

HTML：

JS：

CSS：

 

转载于:https://www.cnblogs.com/sunshine-blog/p/7026416.html