如何通过javascript regexp将image元素与src匹配

如何通过javascript regexp将image元素与src匹配,javascript,html,regex,Javascript,Html,Regex,我想用javascript regexp替换imgsrc。源html字符串可能未规范化,我的意思是它可能是: <img src="aa"> <img src="aa"/> <img src="aa"></img> < img SRC = " aa "></img > 如何使javascript正则表达式覆盖所有条件,并替换其src属性 我必须使用正则表达式来匹配它。将其添加到dom是不可接受的 使用什么 可以直

我想用javascript regexp替换
imgsrc
。源html字符串可能未规范化,我的意思是它可能是:

<img src="aa">
<img src="aa"/>
<img src="aa"></img>
< img SRC  =  " aa "></img >


如何使javascript正则表达式覆盖所有条件,并替换其src属性

  • 我必须使用正则表达式来匹配它。将其添加到dom是不可接受的
    • 使用什么

      可以直接访问img元素的src属性的值:

      alert(someImg.src);
      
      该值是一个字符串,因此可以使用字符串方法对其进行操作。周围的标记是不相关的,表示元素的innerHTML在不同的浏览器中可能不同,因此您不应该使用它

      如果要使用正则表达式更改值,请直接对相关的DOM属性进行操作

      您没有说明要对该值执行什么操作,但可能希望用其他部分替换该值的某些部分,然后给出标记:

      <img id="img0" src="image-red.jpg">
      
      但您也可以只指定新值:

      img.src = 'image-blue.jpg';
      

      您可以创建不区分大小写的正则表达式,如下所示:

      然后你必须考虑到任何地方都可能有空间:

      <\s*img\s+src\s+=
      
      为什么不直接使用“element.src.match”?以下是一个例子:

      <script>
      function changeImage()
      {
      element=document.getElementById('myimage')
      if (element.src.match("bulbon"))
        {
        element.src="pic_bulboff.gif";
        }
      else
        {
        element.src="pic_bulbon.gif";
        }
      }
      </script>
      
      <img id="myimage" onclick="changeImage()"
      src="pic_bulboff.gif" width="100" height="180">
      
      <p>Click the light bulb to turn on/off the light</p>
      
      
      函数changeImage()
      {
      element=document.getElementById('myimage')
      if(element.src.match(“bulbon”))
      {
      element.src=“pic_bulboff.gif”;
      }
      其他的
      {
      element.src=“pic_bulbon.gif”;
      }
      }
      单击灯泡以打开/关闭灯


      整个示例位于:

      请更具体地说明您试图实现的目标
      <\s*img\s+src\s+=
      
      <script>
      function changeImage()
      {
      element=document.getElementById('myimage')
      if (element.src.match("bulbon"))
        {
        element.src="pic_bulboff.gif";
        }
      else
        {
        element.src="pic_bulbon.gif";
        }
      }
      </script>
      
      <img id="myimage" onclick="changeImage()"
      src="pic_bulboff.gif" width="100" height="180">
      
      <p>Click the light bulb to turn on/off the light</p>