像是突然打通任督二脉

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

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

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

先是想通了逻辑,应该是为下拉菜单绑定事件,触发改变透明度的函数,然后函数里应该想办法获取段落本身的透明属性值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属性,该属性设置或返回某个选项的纯文本值。
果然,顺着相应的属性文档,结合逻辑之后,很快的实现了这个小功能,倍儿开心~

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

与君共勉~

你可能感兴趣的:(心得)