Home/ Questions/Q 695763
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T02:59:35+00:00

look at this code, <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8 /> <script> function change() {

  • 0

look at this code, 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function change()
{
 document.getElementById("myInput").type="text";
}
</script>
</head>
<body onload="setTimeout('change()',2000);">
<input type = "button" id="myInput">
</body>
</html>

now, my button becomes text box after 2 seconds.. Iam happy!
Why not the same happens when i try to do from the browser (i tested in IE6 & Chrome) using

javascript:document.getElementById("myInput").type="text"

different browsers behave in different way…
when i tried javascript:document.getElementById("myInput").value="myNewValue", IE6 changes the value, but chrome doesn’t..

Why is this “javascript:” behaving like this ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use:

    javascript:document.getElementById("myInput").setAttribute('type','text');

    I’m not sure why it behaves like that, I think that it is because setting a value returns the value, and returning a string results in a page displaying that string, like:

    javascript:"test";

    Will open a page with ‘test’., Using setAttribute() returns nothing.

    • 0