javascript - charAt() 在 javascript 中不起作用

标签 javascript charat

<!DOCTYPE html>
<html>

<head>
<script>
  document.write("some text");
  function change()
  {
    alert("function loaded");
    var text=[];
    text=document.getElementById("inname");
    document.getElementById("demo").innerHTML = text.charAt(0);
  }
</script>
</head>

<body>
<input type="text" id="inname">
<button onclick="change()"> convert </button>
<p id="demo"> </p>
</body>

</html>

我创建了简单的 HTML 页面来读取字符串并显示该字符串的第一个字符,但它不起作用。

知道为什么这不起作用吗?

最佳答案

因为,charAt()方法从 string 返回指定的字符。所以 text 必须是 string 而不是 DOM 对象。 要获取输入值,请使用 text.value

function change() {
  var text = document.getElementById("inname");
  document.getElementById("demo").innerHTML = text.value.charAt(0);
}
<input type="text" id="inname">
<button onclick="change()"> convert </button>
<p id="demo"></p>

关于javascript - charAt() 在 javascript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47496595/

相关文章:

javascript - 当我单击第 n 个: anchor 时显示第 n 个 :div 1,

javascript - 我可以同时使用 onclick 和 onsubmit 事件吗?

java - for 循环中的 String.charAt(i) 在 Java 中不起作用

java - 如何在Java中找到小于和大于之间的文本,然后去掉<>?

java - JOptionPane 的 While 循环返回 StringIndexOutOfBounds 异常

Java charAt() 字符串索引超出范围 : 5

javascript - Typescript 编译器因奇怪错误而失败

javascript - 如何在C#中使用toaster显示ajax返回的消息?

javascript - 如何使用firebug查看实时JS调用

Javascript:字符串字符的行