热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

像是突然打通任督二脉

接触编程自学好几个月了,大部分时间都在埋头学基础知识,自己动手编程的次数很少。就导致了以面对某个编程问题,逻辑也能想明白,但动手时就手无足措,因为自己熟悉的方法太少了,感觉根本应对不了面临的问题

接触编程自学好几个月了,大部分时间都在埋头学基础知识,自己动手编程的次数很少。就导致了以面对某个编程问题,逻辑也能想明白,但动手时就手无足措,因为自己熟悉的方法太少了,感觉根本应对不了面临的问题。

今天在对着菜鸟编程网站上的实例练习时,突然看到一个挺有意思的功能,想自己动手把它实现出来,结果又是遇到以上的问题。这次我没有急躁,而是想着一步一步的试着完成。

功能是这样的:通过下拉菜单选项选择不同的值来改变相应段落的透明度值。

先是想通了逻辑,应该是为下拉菜单绑定事件,触发改变透明度的函数,然后函数里应该想办法获取段落本身的透明属性值b,选中的下拉数字值a,然后让a=b即可。但却不知道怎么获取相关的数值,于是就在网上查阅select。

突然发现一个文档,里面有select对象的属性和方法,发现DOM 中 select对象,是这么描述的:

Select 对象代表 HTML 表单中的一个下拉列表。 在 HTML 表单中, 标签每出现一次,一个 Select 对象就会被创建。 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById()。

像是突然发现了新大陆!好像摸索出了正确的编程之路!
于是再接着查阅
select对象集合 options: 返回包含下拉列表中的所有选项的一个数组。
select对象属性 selectedIndex :设置或返回下拉列表中被选项目的索引号。
于是就可以想出来,可以通过这样的代码来得到b的值:
先得到select对象的options集合,再通过索引找到相对的option对象,然后查阅文档中option对象有什么属性或方法。发现有个text属性,该属性设置或返回某个选项的纯文本值。
果然,顺着相应的属性文档,结合逻辑之后,很快的实现了这个小功能,倍儿开心~

你现在不可能知道所有的方法和属性,所以在有些时候,需要对某个对象做处理,会感觉无从下手,不知道怎么做,这时候可以查阅文档中相应对象的相关属性和方法,不要急躁手足无措,再复杂的代码也是一点点实现的,先从最简单的地方入手,一步一步往前摸索,熟练了之后~就好了

与君共勉~


推荐阅读
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果,并详细描述了自己的代码实现过程。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
author-avatar
Mr尘世美_925
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有