Javascript 正则表达式在 <img> 和样式 =""中添加属性

Question

因此，我正在使用此 RegEx 作为在 Dreamweaver 上构建的扩展

我已经使用此代码片段在标签内进行搜索，以查找是否没有 display:block 属性 - 然后添加它。

这是可行的，但现在我需要它在 img 标签内的内联样式标签内进行搜索。

即

<img style="border:0px;" src="" alt=""/>

这是我的正则表达式片段:

if (displayBlock.checked)
            {
                fixIt('<img((?:(?!display:block|/>).)*)/>','<img$1 display:block/>')
            }

如果您还有一些很好的 RegEx 引用资料，我们将不胜感激。

亲切的问候， 迈克。

Answer 1

在 HTML 元素上使用正则表达式通常是一种不好的做法。

为什么不直接迭代样式属性呢？

这会迭代所有图像标签，但您可以根据需要修改选择器。迭代标签，检查显示是否未定义，或者是否为假，然后添加样式属性值。

[].forEach.call(document.querySelectorAll("img"), function(element) {
    if (!element.style.display) {
        element.style.display = "block";
    }
});

这是一个更快，但安全性较低，但更容易理解的 for 循环版本!

var x = document.querySelectorAll("img");
for (var i=0; i<x.length; i++) {
    if (!x[i].style.display) {
        x[i].style.display = "block";
    }
}