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

使用属性:

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:

最新文章

  1. 如何定制你自己的jQuery
  2. 1054: [HAOI2008]移动玩具 - BZOJ
  3. QMenu的个性化定制
  4. gif录制工具
  5. [置顶] c#对于文件的操作
  6. css中常用的标签
  7. EBS R12 修改 apps 密码[Z]
  8. CodeForces 749D Leaving Auction
  9. 201521123006 《Java程序设计》第6周学习总结
  10. 页面缓存js问题解决
  11. 命令生成所有数据库表模型以及 CRUD
  12. 关于VS2010 在设计窗口时控件消失问题
  13. Smartforms
  14. Linux 下挂载新硬盘方法
  15. grpc,protoc, protoc-gen-go,rust
  16. Ubuntu 追加组,用户,设置免sudo密码输入
  17. linux_UAPI_转
  18. 如何在Linux系统通过命令行生成随机文件
  19. 轮廓问题/Outline Problem-->改进的算法及时间复杂度分析
  20. hihocoder #1529 : 不上升序列

热门文章

  1. SD/MMC的Commands和Responses的总结
  2. Defcon 23最新开源工具NetRipper代码分析与利用
  3. How do you check if a variable is an array in JavaScript? [duplicate]
  4. Office WORD如何为每一页设置不同的页眉页脚
  5. Selenium系列之--01 简介【转】
  6. Linux Find Out Last System Reboot Time and Date Command 登录安全 开关机 记录 帐号审计 历史记录命令条数
  7. pymssql.connect(server='.', user='', password='', database='', timeout=0, login_timeout=60, charset='UTF-8', as_dict=False, host='', appname=None, port='1433', conn_properties, autocommit=False, tds_
  8. docker启动centos容器后如何用putty连接
  9. 深入理解Java执行时数据区
  10. apache配置访问限制