嘿，我来帮你搞定这个问题！你现在能输出整个img标签内容，但没法单独提取src属性的值对吧？下面按不同常见场景给你解决方案：

1. 前端JavaScript场景 #

如果是在浏览器环境里处理DOM元素：

• 直接访问DOM元素的src属性：
  先获取到目标img元素，然后直接拿它的src属性就行，代码示例：

  // 获取页面中第一个img元素
  const targetImg = document.querySelector('img');
  // 打印src属性值
  console.log(targetImg.src);
  

  注意：这个方法会返回浏览器解析后的绝对路径，如果要获取HTML里写的原始相对路径，用下面的方法
• 使用getAttribute()方法：

  const targetImg = document.querySelector('img');
  console.log(targetImg.getAttribute('src'));
  

2. Python爬虫（BeautifulSoup）场景 #

如果你是用Python爬取网页后处理img标签：

from bs4 import BeautifulSoup

# 假设html_content是你获取到的包含img标签的HTML内容
html_content = '<img src="https://example.com/photo.jpg" alt="示例图片">'
soup = BeautifulSoup(html_content, 'html.parser')
# 找到目标img标签
img_tag = soup.find('img')
# 提取src属性值
print(img_tag['src'])
# 或者用get方法避免属性不存在时抛出错误
# print(img_tag.get('src', '未找到src属性'))

3. PHP场景 #

如果是用PHP处理HTML内容：

$html = '<img src="https://example.com/photo.jpg" alt="示例图片">';
$dom = new DOMDocument();
@$dom->loadHTML($html); // 用@忽略HTML解析时的非致命警告
$imgElements = $dom->getElementsByTagName('img');
if ($imgElements->length > 0) {
    $srcValue = $imgElements->item(0)->getAttribute('src');
    echo $srcValue;
}

你可以根据自己实际使用的技术栈选择对应的方法，要是还有具体的代码细节没说明，随时补充哦！

内容的提问来源于stack exchange，提问作者Naveen G