DOM1-8 编程练习

最新推荐文章于 2020-06-02 17:08:40 发布

VIP文章请叫我二狗哥

最新推荐文章于 2020-06-02 17:08:40 发布

阅读量271

点赞数

分类专栏： Javascript 基础案例

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/90216243

版权

1-8 编程练习

根据gif图，实现以下效果：

单击页面的“点击”按钮时，弹出输入框

当点击输入框上的“确定“时，按钮上的文字变成输入框输入的内容。

任务

根据gif效果图完成下列步骤：

第一步：先获取到按钮对象

第二步：给按钮绑定事件，以下代码在事件的匿名函数中执行

第三步：用变量接收输入框中输入的内容

Tips：输入框的提示文字要进行换行

第四步：当点击输入框上的“确定”时，按钮上的文字变成输入框中输入的内容

参考答案：

<!DOCTYPE html>
<html>
    <head lang="zh-CN">
        <meta charset="UTF-8">
        <title>输入文本</title>
    </head>
    <body>
        <input value="点击" type="button"/>
        <script type="text/javascript">
        var btn=document.getElementsByTagName("input")[0];

最低0.47元/天解锁文章

请叫我二狗哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
DOM1-8 编程练习

1-8 编程练习根据gif图，实现以下效果：单击页面的“点击”按钮时，弹出输入框当点击输入框上的“确定“时，按钮上的文字变成输入框输入的内容。任务根据gif效果图完成下列步骤：第一步：先获取到按钮对象第二步：给按钮绑定事件，以下代码在事件的匿名函数中执行第三步：用变量接收输入框中输入的内容Tips：输入框的提示文字要进行换行第四步：当点击输入框上的“确定...
复制链接

扫一扫