'In the HTML <H2> text is not appearing in the print preview google chrome browser

I am using JavaScript code for generating event click print preview, then in print preview I unable to get <H2> text, while <h1> text is appearing in the output html5 on google chrome but <H2> text is not appearing in the print preview chrome browser, Please guide and suggest me

Thanks in advance!

Input:

<?xml version="1.0" encoding="UTF-8"?>
<pat>
    <title>Main Title is Here</title>
    <body>
        <section>
            <title>section title is here</title>
            <p>Content is here</p>
        </section>
        <section><title>section title is here</title>
            <p>content is here</p>
        </section>
    </body>
</pat>

JavaScript code:

function contentWindowPrint(){
var getiframeurl = document.getElementById('contentwin');
if(location)
{
if(location.protocol == "file:")
{
printIframe(getiframeurl.src, window.iframeHeight.height);
}
else{
getiframeurl.contentWindow.window.print()
}
}
}

function printIframe(url, height) {
var heading_one = window.iframeHeight.heading
var proxyIframe = document.createElement('iframe');
var body = document.getElementsByTagName('body')[0];
body.appendChild(proxyIframe);
proxyIframe.style.width = '100%';
proxyIframe.style.height = '100%';
proxyIframe.style.display = 'none';


var contentWindow = proxyIframe.contentWindow;
contentWindow.document.open();

var is_chrome = Boolean(contentWindow.chrome);
contentWindow.document.write("<h2>" + heading_one +"</h2>")
contentWindow.document.write('<iframe src="' + url + '" onload="print();" width="1450" height="' + (height + 700) + '" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
contentWindow.document.close(); // necessary for IE >= 10 and necessary before onload for chrome

if (is_chrome) {
contentWindow.onload = function() { // wait until all resources loaded 
};
}
else {
contentWindow.document.write('<iframe src="' + url + '" onload="print();" width="1450" height="' + (height + 700) + '" frameborder="0" marginheight="0" marginwidth="0"></iframe>');
contentWindow.document.close(); // necessary for IE >= 10 and necessary before onload for chrome
}

return true;
}

$(document).ready(function() {
$("div.ditasearch > input").val('')
$("div.ditasearchHeader > input").val('')
});


Solution 1:[1]

With working_dir: /var/www/{mysitename}/public_html I was able to change directory, but still one folder wp-content goes into the old directory.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Thomas Hartmann