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;", "");

Answer 1

You're doing it wrong.

Here is the good way :

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

Answer 2

尝试使用：

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

Answer 3

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/

Answer 4

你应该用

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

Answer 5

Try this-

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

Answer 6

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;"'