初探javascript

前言

看了前一阵自己写的《javascript 常用代码记录》觉得自己当时真心傻X，但是也懒得改了，还不如重新写个文章来的爽快，于是写了下最近学到的小知识。

内容

代码语言：javascript复制

//获取id为test的元素
document.getElementById('test');
//为id为test的元素加行间样式【html中怎么写js中就怎么写】
document.getElementById('test').style.display = 'none';
//为id为test的元素加class对应css中的.box【注意className大小写】
document.getElementById('test').className = 'box';

代码语言：javascript复制

//获取class为test的元素数组【注意是Elements不要少写s】
document.getElementsByClassName('test');
//为其数组第一位加行间样式
document.getElementsByClassName('test')[0].style.display = 'none';

代码语言：javascript复制

//获取class为p的元素数组
document.getElementsByTagName('p');
//其他的写法和id，class的一样

代码语言：javascript复制

//以下代码以id为例，class和tag写法相同
//将获取的id为test的元素付给变量x，然后加行间样式和class
var x=document.getElementById('test');
//为id为test的元素加行间样式【html中怎么写js中就怎么写】
x.style.display = 'none';
//为id为test的元素加class对应css中的.box【注意className大小写】
x.className = 'box';

代码语言：javascript复制

//获取id"test"下的class为abc数组,并将数组付给变量x，标签同理
var x=document.getElementById('test');
var a=x.document.getElementsByClassName('abc');
//弹出数组长度
alert(a.length);

代码语言：javascript复制

//if语句
if(条件){
符合条件执行的语句
}
else{
不符合条件执行的语句
}

代码语言：javascript复制

//while循环语句
定义一个变量
whlie(条件){
符合条件就循环执行这里的语句
改变变量
}
文字有些苍白无力，其实和c语言一样

代码语言：javascript复制

//for循环语句
for(变量;条件;改变变量){
符合条件就循环执行这里的语句
}
文字有些苍白无力，其实和c语言一样

暂时性的成果

YoduBGM背景音乐插件0.4.0版去除了对于jQuery的依赖

javascript jquery 插件

0 人点赞