如何使用 js 遍历特定属性？

Question

我在我构建的网页上使用 ckeditor inline。我可以将数据保存到数据库中，但主要问题是 ckeditor 将其自己的类和其他属性应用于 contenteditable 设置为 true 的所有元素。它还删除了元素上的一些类。这会影响我网页的样式。我希望在将 ckeditor 设置在浏览器上之前删除类和其他属性。为此，我需要遍历所有内容可编辑设置为 true 的元素。我们如何使用 js 来做到这一点？

Answer 1

普通 JS：
var el = document.getElementsByTagName("*");
for(var i = 0, l = el.length; i
{
if (el[i].contentEditable)
{
// 在这里做你想做的事
}
}

jQuery:

正如dandavis所说：

$("*[contentEditable]").each(function()
{
    // 
});

编辑：

只要 .contentEditable 不返回布尔值， 您必须检查元素是否具有 contentEditable 属性，如下所示：

var el = document.getElementsByTagName("*");

for(var i = 0, l = el.length; i < l; i++)
{
    if (el[i].contentEditable === "true" || el[i].contentEditable === "")
    {
        // Do here what you want
    }
}

为了移除 contentEditable 属性：
在 jQuery 中，您可以这样做：

$("*[contentEditable]").each(function()
{
    this.prop("contentEditable", false);
});

纯js：

el[i].contentEditable = "false";