Home/ Questions/Q 6160289
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T21:16:30+00:00

I have an html document <html> <head></head> <body> <form> <input type=text value= /> </form>

  • 0

I have an html document

<html>
<head></head>
<body>
<form>
<input type="text" value="" />
</form>
<input type="button" id="doit" value="do it"/>
    <!-- jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
        </script>            
        <script type="text/javascript">
        $(document).ready(function() {
            $("#doit").click(function(){
            var dom = document.documentElement.innerHTML;
            alert(dom);
            });
        });
        </script>
</body>
</html>

if I edit the text field its value is still the original blank value in the alert…WHY? and how do I see the actual DOM in a string?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’d need to set each attribute explicitly with the current value: http://jsfiddle.net/GW8eU/.

    $("#doit").click(function(){
    $('*').each(function() {
        var $this = $(this);
        for(var i = 0; i < this.attributes.length; i++) {
            try {
                var t = this.attributes[i];
                $this.attr(t.name, $this.prop(t.name));
            } catch(e) {}
        };
    });
    var dom = document.documentElement.innerHTML;
    alert(dom);
});

    It’s rather dirty and I do not see a real rationale behind outputting the DOM to a string, but it seems to answer your question.

    One of the reasons it’s dirty is that the try block is essential, because otherwise you’d be setting the type attribute of an input which is immutable. I’m pretty certain this won’t work with other special attributes either, but for the value of an input it works fine.

    Therefore I would still like to know what’s the reason behind wanting the DOM as a string; probably there is a more elegant solution.

    • 0