Question

I am trying to replace a CSS style in the following code:

var theHTML = this.html();
theHTML.replace("style=\"display:none;\"", "style=\"display:inline;\"");
alert(theHTML);

The html looks like this:

<IMG SRC="picturesFromServer.asp?PhotoId=365481" style="display:none;">

However once i check to see if it changed it or not it keeps displaying none instead of inline. I’m just trying to make it visible before i print it.

Answer 1

EDIT : If what you are trying to accomplish is, get the img tag inside this and append it somewhere else, with display:none; do this.

http://jsfiddle.net/tL3Uf/

HTML

​<div id="mainContainer">
    <img src="http://imgh.us/business-online.jpg" style="display:none;" /> </div>

​<div id="destination"></div>​​​​​​​​​​​​​​​​​​

Javascript

​$(function(){
    var $img = $("#mainContainer img").clone();
    $img.show(0).appendTo('#destination');
});​

CSS

#incase image doesnt load

img{
  padding: 10px;
  background: #f00;        
}​