Pcantwrite 2021-07-05 22:43 采纳率: 100%
浏览 50
已采纳

html利用JavaScript键入数据相继显示

html利用JavaScript键入数据相继显示

img

img

img

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="div" class="c1"></div>
    <form action="">
        <input type="text" id="a">
        <button type="button" onclick="add()">dd</button>
        <p> </p>
    </form>
</body>
<script>

    function add(){
        document.getElementById("a").innerHtml

    }
</script>
</html>
  • 写回答

3条回答 默认 最新

  • CSDN专家-天际的海浪 2021-07-05 22:50
    关注

    你题目的解答代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

<input type="text" id="text" value="" />
<input type="button" value="dd" onclick="fp();" />
<div id="box"></div>

<script type="text/javascript">
function fp() {
    var str = document.getElementById("text").value;
    var div = document.createElement("div");
    div.innerHTML = str;
    var box = document.getElementById("box");
    box.appendChild(div);
}
</script>

</body>
</html>

    简单一些的

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

<input type="text" id="text" value="" />
<input type="button" value="dd" onclick="fp();" />
<div id="box"></div>

<script type="text/javascript">
function fp() {
    var str = document.getElementById("text").value;
    var box = document.getElementById("box");
    box.innerHTML += str+"<br>";
}
</script>

</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥30 关于用python写支付宝扫码付异步通知收不到的问题
  • ¥50 vue组件中无法正确接收并处理axios请求
  • ¥15 隐藏系统界面pdf的打印、下载按钮
  • ¥15 MATLAB联合adams仿真卡死如何解决(代码模型无问题)
  • ¥15 基于pso参数优化的LightGBM分类模型
  • ¥15 安装Paddleocr时报错无法解决
  • ¥15 python中transformers可以正常下载，但是没有办法使用pipeline
  • ¥50 分布式追踪trace异常问题
  • ¥15 人在外地出差，速帮一点点
  • ¥15 如何使用canvas在图片上进行如下的标注，以下代码不起作用,如何修改