Anyone knows what is wrong with that Javascript? #Dreamweaver #Javascript #iframe

[felixc35586252]

Changeing CSS of certain element based on certain title of other element with Javascript... to change style works already, but not yet based on title selector...

if (getElemtById(blockrandom).title == ("sophia-lilith-implant")) 

{var style = document.createElement('style');
style.appendChild(document.createTextNode('.contentpane {padding-bottom: 260% !important}'));
document.body.appendChild(style);}

else {alert("hello");}

Thanks in advance

[felixc35586252]

Is there maybe a way to do it in pure CSS? I already tried:

.contentpane iframe [title='sophia-lilith-implant'] {
.contentpane {padding-bottom: 260%;}
}

[osgood_]

Try including an 'additional class' in your css stylesheet:

.additionalStyles {
padding-bottom: 260%;
}

Then use the below javascript to apply the class IF 'blockrandom' title === "sophia-lilith-implant":

<script>

const contentpane = document.querySelector('.contentpane');
if(document.getElementById('blockrandom').title === "sophia-lilith-implant") {
contentpane.classList.add('additionalStyles')
}

</script>

[felixc35586252]

https://checkspromolabs.media/index.php/sophia-lilith-implant 

[osgood_]

Not sure what you are trying to do but the code you posted is incorrect. First line should be:

if(document.getElementById('blockrandom').title === "sophia-lilith-implant") {

See if that makes a difference.