Rewriting a div using javascript

Question

I am trying to rewrite a tag using Javascript. The code looks like this

<div id="captcha" style="display: none;">
    [content]
</div>

So I am trying to rewrite the entite tag so it removes the styling

"style="display:none;"

From the tag on pageload. I already have this code, but I cannot seem to get it to work:

var divv = document.getElementById("captcha");
divv.innerHTML = divv.innerHTML.replace("style="display: none;", "");

The style attribute is not part of innerHTML of #captcha, rather it's part of outerHTML. — Teemu
– Teemu, Commented Sep 23, 2014 at 7:27
Your are changing inner information (content) not style of your div block. Try .style instead, more you can read here w3schools.com/js/js_htmldom_css.asp — Littlebobbydroptables
– Littlebobbydroptables, Commented Sep 23, 2014 at 7:27
"removes the styling ... from the tag on pageload." Why not just update the file? — Teemu
– Teemu, Commented Sep 23, 2014 at 7:36

Kevin Labécot · Accepted Answer · 2014-09-23 07:27:46Z

2

You're doing it wrong.

Here is the good way :

document.getElementById("captcha").style.display='';

answered Sep 23, 2014 at 7:27

Kevin Labécot

1,99513 silver badges25 bronze badges

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

Comments

Katler · Accepted Answer · 2014-09-23 07:28:16Z

0

Try using:

document.getElementById("captcha").style.display='';

answered Sep 23, 2014 at 7:28

Katler

5073 silver badges11 bronze badges

Comments

Fantasy Shao · Accepted Answer · 2014-09-23 07:30:52Z

0

You are trying to change the innerHTML of the div#capthca, not the attribute called style.

var divv = document.getElementById("captcha");
divv.style.display = '';

See the fiddle here: http://jsfiddle.net/Lbx9uuLL/

answered Sep 23, 2014 at 7:30

Fantasy Shao

6134 silver badges8 bronze badges

Comments

RahulB · Accepted Answer · 2014-09-23 07:35:02Z

0

Try this-

var divv = document.getElementById("captcha");
divv.style.display = 'block';

answered Sep 23, 2014 at 7:35

RahulB

2,1101 gold badge21 silver badges28 bronze badges

Comments

Gipsz Jakab · Accepted Answer · 2014-09-23 07:38:55Z

0

You've made some common and obvious mistake as well:

"style="display: none;"
*      *              *

(please note the 3 quote marks!)

you have to use different quote marks, like '', not "" if your content also have ""

For example (theoretically) 'style="display: none;"'

answered Sep 23, 2014 at 7:38

Gipsz Jakab

4313 silver badges9 bronze badges

Comments

Andy Holmes · Accepted Answer · 2014-09-23 07:52:53Z

0

You should use

div.attr("style").replace();

edited Sep 23, 2014 at 7:52

Andy Holmes

8,10711 gold badges56 silver badges93 bronze badges

answered Sep 23, 2014 at 7:31

Canaan Etai

3,7952 gold badges23 silver badges18 bronze badges

Collectives™ on Stack Overflow

Rewriting a div using javascript

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related