javascript - 如何在不显示CSS的情况下通过onClick()javascript查看特定html标签的源代码？

嗨，大家好，
这里试图通过onclick显示特定div的源代码

javascript函数。但是结果是，当我单击div时，看到了

整个源代码，尽管我试图仅使div的特定源代码获得

显示。任何人都请在这里突出我在做什么错..！以及怎么做

它以预期的方式工作。

  <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>

补充说明：

在上面的代码中，单击按钮时，将显示带有id为para的段落标记...但是它也显示其css。我只想显示不带CSS样式属性的html标记。

我不希望使用innerHTML编写内容，但是我希望整个div包括div id。（例如）<div id='softros'><img src='/images/bgrade.jpg' /></div>

最佳答案

您是否考虑过只在javascript处理程序内使用：

document.getElementById(YOUR_DIV_ID_GOES_HERE).innerHTML