QQ爹の博客 QQ爹の博客

初探javascript

in 代码相关 read (929) 文章转载请注明来源!

前言

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

内容

//获取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';
//获取class为test的元素数组【注意是Elements不要少写s】
document.getElementsByClassName('test');
//为其数组第一位加行间样式
document.getElementsByClassName('test')[0].style.display = 'none';
//获取class为p的元素数组
document.getElementsByTagName('p');
//其他的写法和id,class的一样
//以下代码以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';
//获取id"test"下的class为abc数组,并将数组付给变量x,标签同理
var x=document.getElementById('test');
var a=x.document.getElementsByClassName('abc');
//弹出数组长度
alert(a.length);
//if语句
if(条件){
符合条件执行的语句
}
else{
不符合条件执行的语句
}
//while循环语句
定义一个变量
whlie(条件){
符合条件就循环执行这里的语句
改变变量
}
文字有些苍白无力,其实和c语言一样
//for循环语句
for(变量;条件;改变变量){
符合条件就循环执行这里的语句
}
文字有些苍白无力,其实和c语言一样

暂时性的成果

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

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

javascripthtml我爱学习
最后由Jrotty修改于2016-12-28 10:42
发表新评论
已有 5 条评论
  1. 凯哥自媒体
    凯哥自媒体Windows 10谷歌浏览器 回复

    不错不错,真用心

  2. 胡杨
    胡杨Windows 10谷歌浏览器 回复

    确定是初探?

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @胡杨 恩,以前不会全是百度,然后依赖JQ

  3. 落叶大大
    落叶大大Windows 10谷歌浏览器 回复

    [滑稽] 背景好骚。全局引用了JQ,再用js写简直……

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @落叶大大 我在测试背景图,我手机上居然无法显示,明明测试站都没问题的。JQ我依赖的并不深,不过也不想摆脱依赖了

前篇 后篇
雷姆
拉姆
音乐加载中...
0:00