How to automatically add a sandbox attribute to iframe using JS

Question

I have multiple video players on my site, but they open popup ads, so to block them I use the sandbox attribute, but not all of the players have the sandbox attribute. So I need javascript to automatically add the sandbox="allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-scripts allow-top-navigation allow-forms attribute to all iframes on the page. How can I do this? Help would be highly appreciated! Thanks!

Ben · Accepted Answer · 2020-08-12 09:04:16Z

1

You can select all the frames in a page by using getElementsByTagName, loop over them, and set the attribute of a DOM element by using Element.setAttribute:

var frames = document.getElementsByTagName('iframe');
for (var frame of frames) {
    frame.setAttribute("sandbox", "allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-scripts allow-top-navigation allow-forms");
}

jsfiddle example here

answered Aug 12, 2020 at 9:04

Ben

6246 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ihor Vyspiansky · Accepted Answer · 2020-08-12 09:03:50Z

0

Try to use this JavaScript code:

const iframes = document.getElementsByTagName('iframe');

for (var i = 0; i < iframes.length; i++) {
    iframes[i].setAttribute('sandbox', 'allow-modals allow...');
}

Demo - https://codepen.io/vyspiansky/pen/poyjGPX?editors=0010

answered Aug 12, 2020 at 9:03

Ihor Vyspiansky

9161 gold badge6 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to automatically add a sandbox attribute to iframe using JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related