StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to see the source code of a particular html tag by onClick() javascript without showing its css?
text
Body
copied!<p>Hi everyone, here am trying to display the source code of a particular div by onclick </p> <p>javascript function. But the result am getting is , when i click on the div, am seeing the </p> <p>whole source code though am trying to make only the particular source code of a div to get</p> <p>displayed. anyone please highlight me what am doing wrong here..! and what to do to make </p> <p>it work in the way its expected. </p> <pre><code> <html> <head> <title></title> <script type="text/javascript"> function viewsource(){ var oldHTML = document.getElementById('para').innerHTML; var newHTML = "" + oldHTML + ""; var newHTML = newHTML.replace(/</g,"&lt;"); var newHTML = newHTML.replace(/>/g,"&gt;"); var newHTML = newHTML.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"); document.getElementById('para').innerHTML = newHTML; } </script> </head> <body> <p id='para'><strong>This is my <span style="border: 1px solid #ccc;">test text</span> to check if it works</strong></p> <input type='button' onclick='viewsource()' value='View Source'/> </body> </html> </code></pre> <p>Additional notes: </p> <p>In the above code, when the button is clicked, the paragraph tag with the id of para will display...but it shows its css too. I want to display only the html tag without the css style attribute.</p> <p>I don't want the content using innerHTML but i want the whole div including with the div id.(eg.)<code><div id='softros'><img src='/images/bgrade.jpg' /></div></code></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload