发表于: 2020-01-11 23:20:11
1 886
今天完成的事情:
今天上午开始再看数组和for循环, 上午主要的任务就是学会获取dom。
dom的意思就是文档对象模型,文档就是整个htlm,那整个html就是网页,也就是文档=网页,对象,html中每一个属性,属性值,标签,都可以是对象,可以是对象的同时也可以是节点。
获取dom还是比较简单的,console.log(document.getElementsByClassName('box'))这个就是获取dom的代码,document的意思就是文档,getElement表示获取对象,by后面可以是class也可以写成id,这要取决于标签里写的是id还是class了,两个都可以写。如果是class要注意区分大小写,js对大小写敏感,所以大小写的效果不同。
下面这个是获取到的对象:
右边的console里面下方就是被获取的dom对象,可以看到九个盒子都被选中了,这里用了一个函数获取了九个对象,因为九个div里面都有同一个类名,所以如果只要是这个类名,就都会被选中当做对象。
获取dom之前使用在盒子里添加onload事件,然后后面写上类名,引用js文件里的函数:
<button "text1" onclick="finish()">
引用函数之前现在js文件里声明一个函数:
function finish()
{
console.log(document.getElementsByClassName('box'))
}
第一行表示声明函数,后面是函数的名字,在后面加括号为调用该函数,返回值为函数返回值;不加括号可认为是查看函数完整信息,即查看整个函数体,返回值即整个函数体,不加括号传参相当于传入函数整体。
第二行是获取函数,这个已经讲过了。
获取到dom之后后来就就是使用dom随机获取三个小格子了,这个暂时还没想到怎么写,明天再请教师兄吧。
明天计划的事情:
明天计划继续写任务一,这个js刚接触几天,然后东西比较多,对我来说理解和灵活运用比较难,还是要多动脑子啊。
收获:
首先就是熟悉了数组和函数,学习了函数的写法,比较重要的就是获取dom,虽然这个不怎么难,但是刚开始还是写不出代码,比较尴尬,主要就是学习的过程中尽量多敲多试代码,实在不懂就去问师兄,不能在一个问题上面耽误太多时间了,师兄马上就要走人了,要趁这段时间任务进度快一点,明天继续努力。
评论