SetAttribute on a specific position in Javascript

Question

I have the following iframe When I target iframe through getElementsByTagName like this It returns: It's creating a problem for me because it is not working as expected. When I manually insert allowfullscreen at beginning it's working well. This is the result I want instead What am I doing wrong? Answer One simple way to add allowfullscreen="" just after the

Accepted Answer

One simple way to add allowfullscreen="" just after the tag name is to modify the outerHTML of the element using string method split and array method splice as in the code below. const miFrame = document.getElementsByTagName("iframe")[0];console.log(miFrame);// Split the outerHTML string into separate pieces// by using a space as the separatorconst miFrameOH = miFrame.outerHTML.split(' ');// Using splice(position, deleteCount, itemToAdd),// add attribute at index 1miFrameOH.splice(1, 0, 'allowfullscreen=""');// Join the parts (including the attribute) with a space separator and// set this string to the outerHTMLmiFrame.outerHTML = miFrameOH.join(' ');console.log(document.getElementsByTagName("iframe")[0].outerHTML);

Advertisement

Answer