zoukankan      html  css  js  c++  java
  • JS点击灯泡变亮(学自W3school)

    JS学习笔记1(学自W3school)

       
     
     function changeImage()
     {
     element = document.getElementByIdx_x('myimage')
     if (element.src.match("bulbon"))
     {
      element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";
     }else{
    element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";
     }
    JS学习笔记1(学自W3school)
     
    预期效果:图片显示,点击切换图片,灯泡点亮
    实际效果:失败,图片显示,点击不切换
    原因:function changeImage()缺少“}”收尾。
    修改后:
     
     function changeImage()
     {
     element = document.getElementByIdx_x('myimage')
     if (element.src.match("bulbon"))
     {
      element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";
     }else{
     element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";
     }
    }
    JS学习笔记1(学自W3school)
     
    预期效果:图片显示,点击切换图片,灯泡点亮
    实际效果:图片显示,点击切换图片,灯泡点亮 成功
     
    疑问:element.src.match("bulbon") 起何作用?
    解答:match作用是检索语句。
          element.src.match("bulbon")是检索src内是否含有bulbon,是的话,点击后切换成图片bulboff;否则点击后切换成图片bulbon。
  • 相关阅读:
    HDU 1261 字串数(排列组合)
    Codeforces 488C Fight the Monster
    HDU 1237 简单计算器
    POJ 2240 Arbitrage
    POJ 3660 Cow Contest
    POJ 1052 MPI Maelstrom
    POJ 3259 Wormholes
    POJ 3268 Silver Cow Party
    Codesforces 485D Maximum Value
    POJ 2253 Frogger(最短路)
  • 原文地址:https://www.cnblogs.com/wjwen/p/3781910.html
Copyright © 2011-2022 走看看