Script for, insert class A after class B, don't have access to A
I’m working on a page that has a chart that has all the code in the back end, so I can’t access the HTML/CSS for it.
However, I want to add a banner inside this chart. How can I get HTML to insert itself after a certain div (that I don’t have access to)?
So for example:
*I want to insert the new class “offer-Banner” here but again I don’t have access to the other surrounding code.
Thanks for any help with this.
When you say insert a 'class' -- do you mean add "offer-Banner" to the element that already says "offer-Banner", or do you mean create a new DIV with that class on it?
Sorry, if this question wasn’t clear, I’m having a difficult time explaining it.
So, I'm working in a CMS, and I have this page, and there is an offer chart on this page. But the HTML for this offer chart is in the backend (where I myself can’t access)…but I can see the code when I use a browser inspector. I want to insert a new banner inside the offer chart -- So I want to create a new div with the “offer-Banner” class. And the “offer-Banner” class will show after the “offer-Chart-Body” class. Does that clear it up a little?
Thanks for replying.
assuming there is only one div with the class name offer-Banner...
as always, make sure the js runs after the dom has loaded
var newdiv =document.createElement("div")
newdiv.appendChild(document.createTextNode("hi! I'm new!"));
var refNode = document.querySelector(".offer-Banner");
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)