从外部JavaScript文件动态更改输入id的类型

从外部JavaScript文件动态更改输入id的类型,javascript,html,Javascript,Html,我的page.php包含div id=“container”和id=“input”默认类型是input type=“text”: 这种方法只有在调用包含在page.php中的函数时才有效,但在外部文档中使用时:方法不起作用。因此,我正在寻找一些正确的方法来动态更改输入类型,并将相同的id名称从外部myjs.js保留到我的页面。php是JavaScript中的一个关键字,用于声明变量,不能将其用作变量名,请尝试命名变量val或其他内容: 函数textToPassType(val){ 如果(val

我的
page.php
包含
div id=“container”
id=“input”
默认类型是
input type=“text”

这种方法只有在调用包含在
page.php
中的函数时才有效,但在外部文档中使用时:
方法不起作用。因此,我正在寻找一些正确的方法来动态更改输入类型,并将相同的id名称从外部
myjs.js
保留到我的
页面。php

是JavaScript中的一个关键字,用于声明变量,不能将其用作变量名,请尝试命名变量
val
或其他内容:

函数textToPassType(val){
如果(val==1){
document.getElementById('input')。type='password';
}else if(val==0){
document.getElementById('input')。type='text';
}
}
textToPassType(1)


代码工作正常。那你做错了什么?如何调用
textToPassType
@epascarello您好,我只是从一个if语句条件调用它,在键入同一个文本框
textToPassType(1)时,该条件将为true,但它不会将文本更改为密码,即使我使用loadwell调用此函数,我也会在snipplet中运行代码,并在chrome上运行。@epascarello是的,我明白了。我无法找出这里的错误,我已经删除了所有css和焦点插入符号函数,但同样的结果对meHello来说运行良好,这是一个输入错误,是由其他原因导致的失败,因为我错过了要点,很抱歉,请检查我的编辑,因为我想在
page.php
中从外部
myjs.js
更改它
    <div class="container">  
        <div class="row">  
            <div class="col-75"> 
                <div id="container">
                    <input type="text" id="input" value="" name="password">
                </div>    
                <input type="submit" value="OK" id="logBtn">  
           </div> 
        </div> 
    </div> 
function textToPassType(val1){
  if (val1 == 1){
     document.getElementById('input').type = 'password';
  } else if (val1 == 0){
     document.getElementById('input').type = 'text';
  }
}