DOM1-8 编程练习

最新推荐文章于 2021-08-21 09:37:58 发布

请叫我二狗哥

最新推荐文章于 2021-08-21 09:37:58 发布

阅读量281

点赞数

分类专栏： Javascript 基础案例

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

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

版权

这篇博客介绍了一个DOM编程练习，要求实现点击页面按钮后弹出输入框，输入内容后点击确定，按钮文字更新为输入内容。文章提到了获取按钮对象、绑定事件、接收输入内容以及更新按钮文字的步骤，并指出CSDN平台可能存在代码显示问题，建议读者访问作者的博客园博客获取无误代码。

摘要由CSDN通过智能技术生成

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(&#

最低0.47元/天解锁文章

请叫我二狗哥

关注

0
点赞
踩
0

收藏

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

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

扫一扫

专栏目录