如何通过javascript regexp将image元素与src匹配
我想用javascript regexp替换如何通过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是不可接受的 使用什么 可以直
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>