点击输入框,获取提示信息

简介: 点击输入框,获取提示信息

HTML结构代码

<body>
    <input>
    <p>单击输入框获取焦点。</p>
    <span>请输入你的电话号码?</span>
 
  </body>

Java script代码

<script type="text/JavaScript">
    let p=document.getElementsByTagName('input')[0];
    console.log(p);
    let span=document.getElementsByTagName('span')[0];
    console.log(span);
    p.onclick=function(){
      span.style.display="block";
    };
  </script>

jQuery代码

<script type="text/JavaScript" src="./js/jquery-3.4.1.js"></script>
    <script type="text/JavaScript">
      $(document).ready(function(){
        $("input").bind("focus",function(){
            $("span").show();
        });
    });
</script>
目录
相关文章
|
测试技术 API
为什么你的自动化测试无法落地
为什么你的自动化测试无法落地
132 0
【YashanDB知识库】离线升级一章22.2不支持直接升级到23.1
【标题】离线升级22.2不支持直接升至23.1 【简介】YashanDB 22.2版本不支持直接升级到23.1,因产品策略调整导致文档内容不一致。需更新文档以反映正确的升级路径,影响范围为个人版23.1.1.100。建议用户参照最新文档进行操作。
|
机器学习/深度学习 编解码 API
《黑神话:悟空》中的光线追踪与DLSS技术解析
【8月更文第26天】《黑神话:悟空》是一款备受期待的国产动作冒险游戏,它采用了先进的图形技术,包括实时光线追踪和NVIDIA DLSS(Deep Learning Super Sampling),以提供令人震撼的视觉效果和流畅的游戏体验。本文将深入探讨这两种技术在游戏中的应用及其背后的原理。
452 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的長安智慧医疗管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的長安智慧医疗管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
246 0
|
Linux Shell
工作中常用的一些Linux指令,简单易记还实用
工作中常用的一些Linux指令,简单易记还实用
110 2
|
人工智能
为后CIO时代的辉煌职业生涯做准备
为后CIO时代的辉煌职业生涯做准备
|
算法 C++
模拟退火(SA)算法介绍和应用细节-附SA结合登山算法求解VRPTW问题C++代码
模拟退火(SA)算法介绍和应用细节-附SA结合登山算法求解VRPTW问题C++代码
模拟退火(SA)算法介绍和应用细节-附SA结合登山算法求解VRPTW问题C++代码
|
JSON 监控 数据可视化
实时日志分析:通过Golang编写实时日志分析模块,加强公司监控管理软件的日志监控功能
在当今数字化时代,企业面临着庞大而复杂的网络环境,对实时监控和日志分析的需求变得日益迫切。本文将介绍如何使用Golang编写实时日志分析模块,以增强公司监控管理软件的日志监控功能。通过本文的指导,你将能够建立一个定制的实时日志分析系统,更好地监测和管理公司的网络活动。
497 0
|
设计模式 存储 算法
Java 23种设计模式介绍以及代码示例 第三篇行为型设计模式
使用行为型设计模式可以帮助我们更好地组织和管理对象之间的交互行为,提高代码的可重用性、可扩展性和维护性。下面是一些在Java中使用行为型设计模式的理由: 1. 利于代码的重用:通过使用行为型设计模式,我们可以将通用的行为逻辑封装到可重用的组件中,减少重复编写代码的工作量。 2. 降低耦合度:行为型设计模式将对象之间的交互行为解耦,使得各个对象之间的依赖性降低,从而提高了系统的灵活性和可维护性。 3. 提高代码的可扩展性:通过使用行为型设计模式,我们可以方便地添加新的行为或修改现有的行为,而不需要修改已有的代码,减少了对原有代码的影响。 4. 提高代码的可读性:行为型设计模式将不同的行为
251 0
KeyAffinityExecutor 线程池
KeyAffinityExecutor 线程池