charAt()在javascript中不起作用

pra*_*u r 1 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>
Run Code Online (Sandbox Code Playgroud)

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

任何想法为什么这不起作用?

din*_*ndu 5

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

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