[테스트 1] input 필드에 값을 넣은 후 body의 innerHTML 을 확인 ㅁ Test source <html> <head> <script> function test() { alert(document.body.innerHTML); } </script> </head> <body> <input id=field type=text /> <button onclick="test();">클릭</button> </body> </html>
ㅁ IE - value 에 값이 설정되어 있습니다.
ㅁ FF - value 속성 자체가 나오지 않습니다.
ㅁ Chrome - FF 와 마찬가지
As a simple example (which will hopefully work straight off): <input type="text" value="initial" onblur="this.setAttribute('value', this.value);" /> Al.
[테스트 2] getElementsByTagName 을 통해서 input field 에 value 값을 다시 셋팅 ㅁ Test source <html> <head> <script> function test() { var fields = document.getElementsByTagName('input'); for (var i=0; i<fields.length; i++) { fields[i].setAttribute('value', fields[i].value); } alert(document.body.innerHTML); } </script> </head> <body> <input id=field type=text /> <input id=field2 type=text /> <input id=field3 type=text /> <button onclick="test();">클릭</button> </body> </html>
ㅁ IE - 원래 되었으나 확인차...
ㅁ FF
ㅁ Chrome