是否可以更改a<；中输入元素的输入类型；td>；使用<；td>；使用javascript的id？

我有一个password类型的输入元素，它位于id为

type=“pass”

的

中。我想使用javascript将

中的输入元素的类型更改为

type=“text”

，我该怎么做？我还使用

onclick（）

events复选框切换显示密码

对不起，我只是一个初学者，几天前才开始学习javascript

下面是我的示例代码：

        <tr>
           <td><input type="text" name="username"></td>
           <td id="pass"><input type="password" name="password"></td>
           <td><input type="checkbox" onclick="showPass()"></td> 
        </tr>

---

将

pass

id添加到输入元素中，而不是与td一起使用

<tr>
  <td><input type="text" name="username"></td>
  <td><input type="password" name="password" id="pass"></td>
  <td><input type="checkbox" onclick="showPass()"></td> 
</tr>

<script>
   function showPass(){
     var x = document.getElementById("pass");
       if(x.type === "password"){
         x.type = "text";
       }else{
         x.type = "password";
       }
</script>

函数showPass（）{
var x=document.getElementById（“pass”）；
如果（x.type==“密码”）{
x、 type=“text”；
}否则{
x、 type=“密码”；
}

将

pass

id添加到输入元素，而不是与td一起使用

<tr>
  <td><input type="text" name="username"></td>
  <td><input type="password" name="password" id="pass"></td>
  <td><input type="checkbox" onclick="showPass()"></td> 
</tr>

<script>
   function showPass(){
     var x = document.getElementById("pass");
       if(x.type === "password"){
         x.type = "text";
       }else{
         x.type = "password";
       }
</script>

函数showPass（）{
var x=document.getElementById（“pass”）；
如果（x.type==“密码”）{
x、 type=“text”；
}否则{
x、 type=“密码”；
}

将id放在输入上，而不是输入所在的单元格上。此外，您可以将复选框的值传递到切换密码输入类型的函数中，以避免复选框与输入不同步

函数showPass（show）{
var输入=document.getElementById（“pass”）；
var label=document.getElementById（“切换标签”）；
如果（显示）{
input.type=“text”；
label.textContent=“隐藏密码”；
}
否则{
input.type=“密码”；
label.textContent=“显示密码”；
}
}

显示密码

将id放在输入上，而不是输入所在的单元格上。此外，您可以将复选框的值传递到切换密码输入类型的函数中，以避免复选框与输入不同步

函数showPass（show）{
var输入=document.getElementById（“pass”）；
var label=document.getElementById（“切换标签”）；
如果（显示）{
input.type=“text”；
label.textContent=“隐藏密码”；
}
否则{
input.type=“密码”；
label.textContent=“显示密码”；
}
}

显示密码

如果什么都不起作用，请尝试最简单的方法。删除输入并重新创建。下面是使用JQuery的示例：

function showPass(){
  var x = document.getElementById("pass");
  vat type;
  if(x.type === "password") {
    type = "text";
  } else {
    type = "password";
  }
  $("#pass").html("<input type='" + type + "' name="password">");
 }

函数showPass（）{
var x=document.getElementById（“pass”）；
增值税类型；
如果（x.type==“密码”）{
type=“text”；
}否则{
type=“密码”；
}
$（“#通过”）.html（“”）；
}

如果什么都不起作用，请尝试最简单的方法。删除输入并重新创建。下面是使用JQuery的示例：

function showPass(){
  var x = document.getElementById("pass");
  vat type;
  if(x.type === "password") {
    type = "text";
  } else {
    type = "password";
  }
  $("#pass").html("<input type='" + type + "' name="password">");
 }

函数showPass（）{
var x=document.getElementById（“pass”）；
增值税类型；
如果（x.type==“密码”）{
type=“text”；
}否则{
type=“密码”；
}
$（“#通过”）.html（“”）；
}

是的。正如您已经知道的

类型开关一样，您真正的问题可能更像是“如何获取具有id的元素的单个子元素？”。这也恰好是一个
输入

例如，有，但你也可以用它来变魔术，参见注释行


函数showPass（）{
var x=document.getElementById（“pass”）.firstElementChild；
//var x=document.querySelector（“传递输入”）；
如果（x.type==“密码”）{
x、 type=“text”；
}否则{
x、 type=“密码”；
}
}
是的。正如您已经知道的
类型开关一样，您真正的问题可能更像是“如何获取具有id的元素的单个子元素？”。这也恰好是一个
输入

例如，有，但你也可以用它来变魔术，参见注释行


函数showPass（）{
var x=document.getElementById（“pass”）.firstElementChild；
//var x=document.querySelector（“传递输入”）；
如果（x.type==“密码”）{
x、 type=“text”；
}否则{
x、 type=“密码”；
}
}

可能重复的可能重复的可能重复的已经尝试过它，它工作得很好，只是想知道是否可以使用td id更改输入类型？如果我想尝试使用循环，可能会导致错误原因，并且id对于每个元素都是唯一的，对吗？id对于每个元素都必须是唯一的。如果你想使用循环，你可以使用cl元素，但这不是最好的方法。若要使用
的id，可以使用jquery的
.children（）
方法：
$（'#pass'）.children（'input[type=password]'））
。这将选择密码类型td中的子输入元素。已经尝试过了，效果很好，只是想知道是否可以使用td id更改输入类型？如果我想使用循环尝试，可能会导致错误，并且每个元素的id都是唯一的，对吗？每个元素的id都必须是唯一的。如果您想使用循环您可以使用元素的类，但这不是最好的方法。要使用
的id，可以使用jquery的
.children（）
方法：
$（'#pass'）.children（'input[type=password]'））
。这将选择密码类型td中的子输入元素。哦，很好的一个，我从来不知道你可以通过javascript one upvoteOh取消onclick函数。很好的一个，我从来不知道你可以通过javascript one upvoteOh取消onclick函数。不过，这只是一个澄清，标签的意思是什么t选择id名称？不妨尝试一下，非常感谢much@justin是的，它是
id
的选择器。类似于链接（like），或CSS中的格式（like
#pass{color:red；}
）只是澄清一下，这个标签是用来选择id名称的吗？不妨试试，非常感谢much@justin是，它是<代码的选择器