Question

为什么代码不会在段落标签中显示教科书中的文本？我试图通过使用onclick命令和函数getVal()从文本框中获取代码，但无法正常工作。

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <script src="test.js">
            function getVal1(){
                var text = document.getElementById('text').value;
                var par = document.getElementById('par');
                par.innerHTML=text
            }
        </script>
    </head>
    <body>
        <form>
            <input type="text" id="text">
            <input type="submit" value="Submit" onclick="getVal1()"> 
        </form>
        <p id="par"></p>
    </body>
</html>

Answer 1

它不能工作，因为您提交了页面（包括重新加载）。代替input type="button"。

function getVal1() {
  var text = document.getElementById('text').value;
  var par = document.getElementById('par');
  par.innerHTML = text
}

<!DOCTYPE html>
<html>

<head>
  <title>Test</title>

</head>

<body>
  <form>
    <input type="text" id="text">
    <input type="button" value="Submit" onclick="getVal1()">
  </form>
  <p id="par"></p>
</body>

</html>

为什么此代码无法从HTML文本框中获取文本并将其显示在段落中？

1 个答案: