如何创建添加 role="presentation" 的脚本

Question

我想创建动态添加到我页面上的所有图像的脚本 role="presentation"，但我不知道为此使用什么类型的函数。图片是动态添加的，所以我不能手动添加。下面我上传我的源代码。

//.attachment-large(class that img has)
//.elementor-inner-section (class that the div with images has)

(()=>{ function AddRole() { 
    const imageHook = document.querySelectorAll(".attachment-large"); 
    const boxHook = document.querySelector(".elementor-inner-section"); 
    boxHook.forEach((box) => { 
        imageHook.setAttribute("style","role: presentation") }); 
} AddRole() })();

Answer 1

role 本身就是一个属性（以及 style）。所以你需要运行:

imageHook.setAttribute('role', 'presentation');

顺便说一句，运行为 imageHook 设置它一定足够了，没有遍历 boxHook 的循环——你似乎对此没有依赖性。

如何创建添加 role="presentation" 的脚本

How to create a script which adds role="presentation"

javascript

attributes