js a标签替换成img标签
时间: 2024-01-26 15:14:29 浏览: 54
你可以使用JavaScript的正则表达式来匹配a标签并将其替换为img标签。以下是一个示例代码:
```javascript
str.replace(/<a (.*?)>(.*?)<\/a>/g, '<img src="$1" />$2')
```
其中,`str`是你要替换的字符串,`$1`表示第一个括号内的内容,即a标签的href属性值,`$2`表示第二个括号内的内容,即a标签的文本内容。这个代码会将a标签替换为一个img标签,其中src属性值为a标签的href属性值,文本内容不变。
相关问题
在 JavaScript 中,如何使用正则表达式,将所有 img 标签都替换成 div 标签?
可以使用 JavaScript 中的 replace() 方法配合正则表达式来实现这个功能。具体实现可以参考下面的代码示例:
```javascript
var str = "<img src='image.jpg'><img src='image2.jpg'>";
var result = str.replace(/<img.*?>/g, "<div></div>");
console.log(result); // 输出 <div></div><div></div>
```
在上面的示例中,我们首先定义了一个包含多个 img 标签的字符串 str。然后,我们使用 replace() 方法,并将要替换的 img 标签对应的正则表达式作为第一个参数传入。在这个正则表达式中,我们使用了 .*? 来匹配任意字符,直到找到第一个闭合的 > 符号为止,以此来匹配完整的 img 标签。最后,我们将 <img> 替换为 <div></div>,实现了将所有 img 标签替换成 div 标签的功能。
js怎么添加一个img标签
您可以使用以下代码来添加一个<img>标签:
```
var img = document.createElement('img');
img.src = 'image/source.jpg';
document.body.appendChild(img);
```
其中,'image/source.jpg' 是图片的源路径,您可以将其替换为您自己的图片路径。