变量范围或其他什么?刚开始的JS

Range of variables or sth else? very beginning JS

本文关键字:刚开始 JS 什么 范围 其他 变量      更新时间:2023-09-26

很抱歉出现错误-我的第一篇文章。我想点击"尝试"按钮并更改第一个"确定"输入的类型。更改后,我想再次单击"Try it"按钮,并再次将id="inputt"的元素类型更改为INPUT。我认为变量的范围有问题,告诉我是否有2个按钮或输入和按钮。

//JS
window.onload = function Load(){
var done = false;
var foo = document.getElementById('g');
 if(!done){
foo.onclick = Change1;
 }else{
foo.onclick = Change2;
}
};
function Change1(){
 inp = document.getElementById('inputt');
 inp.setAttribute('type', 'button');
 done = true;
}
function Change2(){
 but = document.getElementById('inputt');
 but.setAttribute('type','input');
}
//HTML
<input value="ok" id="inputt">
<p>Click the button below to set the type attribute of the button above.</p>
<button id="g">Try it</button>

window.onload事件不会再次执行,它只在窗口。。。加载

看看这是不是你想要的。http://jsfiddle.net/7W4Xw/1/

 //JS
 window.onload = function Load(){
     var foo = document.getElementById('g');
     foo.onclick = Change1;
 };
 function Change1(){
     inp = document.getElementById('inputt');
     inp.setAttribute('type', 'button');
     var foo = document.getElementById('g');
     foo.onclick = Change2;
 }
 function Change2(){
     but = document.getElementById('inputt');
     but.setAttribute('type','input');
 }