InnerHTML issue

Question

How do I get the values of textboxe's along with innerHTML ?

For example, if I have

<html>
   <head>
   </head>
        <body>
            <div id="getvalue">
          <p><input type="text" name="username" id="username"></p>
     </div>

       </body>
</html>

I need the innerHTML of the particlular id="getvalue" along with the textbox value. I got the result if i use

var gotvalue=document.getElementBYId('getvalue').innerHTML;

I just got the result

"<p><input type="text" name="username" id="username"></p>"

Also, I need the textbox value along with the innerHTML . How could i do this?

Thanks in advance.

Answer 1

You want the .value property of the <input> element, like this:

var gotvalue = document.getElementById('getvalue').innerHTML;
var inpitvalue = document.getElementById('username').value;

Answer 2

As i can only imagine one halfway good reason for what you need the innerHTML(put it somewhere else into the document for copying), I would suggest to use the DOM-method to get the copy: cloneNode(true) and also use a DOM-Method(which one depends on where to put) to inject it into the DOM.
cloneNode() will preserve the attributes too, so the value will also be copied.
If you really need the string, forget this ^^

InnerHTML issue

Question

2 answers

solution1
6 2010-10-28 00:31:51

solution2
2 2010-10-28 00:53:07

InnerHTML issue

Question

2 answers

solution1 6 2010-10-28 00:31:51

solution2 2 2010-10-28 00:53:07

solution1
6 2010-10-28 00:31:51

solution2
2 2010-10-28 00:53:07