Home/ Questions/Q 8396595
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T20:34:33+00:00

Hi im demonstrating the html tags that are new in CSS3 and I’m making

  • 0

Hi im demonstrating the html tags that are new in CSS3 and I’m making a documentation for the easy viewing and interpretation on comparing both the source code and the output.And its its really hard for me going to the source code and then selecting the file and browsing it on the browser

It would be great if I could view both the source code and the output
on the same html page.

For example(I m talking from the page I ve attached below) if I select Source code the source code must be displayed on the screen or from any of the text editors.

I don’t know whether it is possible to do so,If possible it would be great
if anyone of you could guide me.

On clicking the source code link the source code must be viewed

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To get the source of just one element, do this:

    HTML: <div id="one"><span id="two"></span></div>
    JS:

    document.getElementById('one').innerHTML // returns <span id="two"></span>
document.getElementById('one').outerHTML // returns <div id="one"><span id="two"></span></div>

    To get the source of the entire page, do this: 

    document.doctype + document.documentElement.outerHTML

    document.doctype returns the doctype, and document.documentElement.outerHTML returns the code for the <html> tag and everything inside it.

    • 0