如何设置图像的alt属性的样式

我试图显示img标签的（外部）html，但我希望alt属性为红色。

我得到字符串的方式：

 var img_outerHTML = img[0].outerHTML; 

这给了我一个字符串：

那么我怎样才能让main-logo变成红色？
谢谢！

编辑

感谢techfoobar提供的解决方案以及其他帮助过的人！
这是一个jsFiddle示例 。

Answer 1

假设您尝试在另一个元素中显示外部HTML ，您可以执行以下操作：

 var s = ''; // As pointed out by user bfavaretto, we need to html-encode it before // injecting the  s = $('
').text(s).html(); s = s.replace(/alt=\"([a-zA-Z0-9\s-]*)\"/, 'alt="$1"'); 

完成后，这会将HTML字符串转换为（注意：跨度将是HTML编码的其他所有内容。信用： https ： //stackoverflow.com/a/1219983/921204 ）

实际上，它将是：

 <img alt="main-logo" src="http://sofzh.miximages.com/javascript/main-logo.png"> 

在你的CSS中，添加：

 span.red { color: red; } 

Answer 2

这也可以仅通过CSS完成。
只需将img标签包装到span标签中，然后将红色应用于该范围。 试试这个