首先说明一下的是,我也是刚刚入前端坑没多长时间的一个小白。对于,我学生的路程,踩了不少的坑。这一次总结一些,入门小白必须要明白掌握的知识 点。也为你们的学习,打开了一条坑比较少的路吧。
对于一些基本的语法,我就不在啰嗦了。
1、元素的三种创建方法
1、 doucment.wirte(“”) //这里可以放自己想要在屏幕上展现的文字内容,当然了,你也可以放一些元素标签以及一些代码,
// 他们同样可以完美的像在HTNL里那样书写一样展示在屏幕上
2、对象.innerHTML = “” //这个的含义是为某一个对象加添一些标签以及内容
3、document.createElement(“”); //这里放的就是标签的名字
当然了对于第三种方法还有一个配套的方法
一般上面创建好的元素。都会给一个变量 var
接下来,我们会将这个变量传给 一个对象 如: dv.appendChild(var变量);
这些方法本身并没有上面好坏之分,只要我们根据具体的情况,合理的使用就好
接下来,为大家总结一些常用的方法。
2、几种获取总结想要的对象的方法
document.getElementsById(); //获取一个id对象
document.getElementsByClassName(); //获得一个指定的class对象
document.getElementsByName(); //获取指定的name 对象
document.getElementsByTagName(); //获得某一个标签的对象,很有可能返回的是一个数组
3、几种事件的总结
onclick //点击事件
onmouseover //鼠标的进入事件
onmouseout //鼠标离开事件
onKeyup //键盘按键的抬起事件
onKeydown //键盘按下的事件
setInterval(function(){},"具体的毫秒") //这是一个定时器事件,两个参数,前面一个是要做的函数参数,后面一个是发生事情
//的时间参数
clearInterval(参数) //定时器释放的参数,里面传的参数指的是上一个定时器的返回值
4、属性的创建以及移除
setAttribute("index",i) // 创建一个自定义的属性 ,前一个参数是具体的属性名字,后一个参数是为该属性赋值
removeAttribute(“参数”) //移除属性,参数指的就是要移除的属性,不仅仅可以移除自己定义的属性,
//还可以移除系统定义的属性
//对于这个删除还有另外一种理解,可以写 对象.className = "";
//直接让类样式为空,唯一的区别就是,前者是彻底的删除掉了,后者仅仅为空
getAttribute() //获得某一个属性,也可以理解为查询属性