How to change HTML code inside of a div with javascript? [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

Questions must demonstrate a minimal understanding of the problem being solved. Tell us what you've tried to do, why it didn't work, and how it should work. See also: Stack Overflow question checklist

Closed 12 years ago.

Improve this question

I am building a HTML site & that site has too many pages. So I want a code so that I can edit a particular div from my website so it will apply to all over in my website. For eg. In HTML >>

<div id="special-id"> I want to change or place anything [HTML code also] inside of this div with javascript </div>`*

& in javascript >>

<script type="text/javascript">
????
</script>

Please need help so that I can move to my HTML website again.

I want to change a content that may be simple text or a javascript code or HTML code?

Keep in mind that StackOverflow is not a place to ask questions if you didn't try anything. You'll get downvoted to oblivion for not providing anything that you tried. This answer can be answered by searching the most basic tutorial about javascript/html. — Loïc Faure-Lacroix
– Loïc Faure-Lacroix, Commented Jul 7, 2013 at 12:26

Filip Minx · Accepted Answer · 2013-07-07 12:21:01Z

3

document.getElementById('special-id').innerHTML = "Whatever you want to replace with";

answered Jul 7, 2013 at 12:21

Filip Minx

2,4882 gold badges19 silver badges33 bronze badges

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

8 Comments

T.J. Crowder Over a year ago

It's best to include explanation with answers, not just code.

Mayuresh Over a year ago

Working but can I add code given by ad networks, because they are mostally in javascript. So document.getElementById('special-id').innerHTML = "How to add ad code"; same as HTML?

Filip Minx Over a year ago

Yes, you can add HTML codes too, if thats what you are asking.

Mayuresh Over a year ago

Yes but ad networks give their codes with script tag so that would also work or not ?

Mayuresh Over a year ago

"; }//]]> this error comes Please help

|

Paul S. · Accepted Answer · 2013-07-07 12:21:11Z

1

The easy way: first, get your element with e.g. getElementById, then set innerHTML to your new code.

var div = document.getElementById('special-id');
div.innerHTML = '<span>hello world</span>';

The DOM method only way: create your new HTML nodes using document.createElement or document.createTextNode and then append them to your element with appendChild.

// assuming `div` as above
var newNode = document.createElement('span');
span.appendChild(
    document.createTextNode('hello world')
);
div.appendChild(span);

answered Jul 7, 2013 at 12:21

Paul S.

66.6k9 gold badges129 silver badges143 bronze badges

2 Comments

Mayuresh Over a year ago

I think .innerHTML is the best method!

Paul S. Over a year ago

It's easy, true, but it means if you'd like to do more complicated things, such as attaching event listeners, you have to get the nodes and attach the listeners after string has been parsed they've been added to the DOM tree, and not before. It also means you can't do weird things like image caching or sending virtual events to nodes not in the tree.

Collectives™ on Stack Overflow

How to change HTML code inside of a div with javascript? [closed]

2 Answers 2

8 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

2 Comments

Linked

Related