Javascript Regex adding an attribute within <img> and

Javascript Regex adding an attribute within <img> and style=" "

本文关键字：lt gt and img within Regex adding an attribute Javascript      更新时间：2023-09-26

所以我正在为Dreamweaver 上的扩展开发RegEx

我有这个片段要在标签中搜索，看看是否没有显示：块属性，然后添加它。

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

即

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

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

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

如果您也有一些很好的RegEx参考资料，我们将不胜感激。

谨致问候，迈克。

在HTML元素上使用regex通常是一种不好的做法。

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

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

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

这里有一个更快，但不太安全，但更易于理解的循环版本！

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