摘要：
任何的html标签都有自己的一个属性，当时那都是它本身的固定属性，而我们在项目中可能会遇到需要给标签添加一些自定义的属性，去判断替换内容或者赋值等等，那么就需要给标签设定一个属性来作为判断标准或者赋值的标准，所以今天就来谈谈给标签自定义属性的一个小应用。 案例：三个div有背景色，想要达到效果是点击 阅读全文
摘要：
今天来说一下this的应用，其实js中的this是指调用当前方法或者函数的那个对象，牢牢记得这个就很好理解了，通过一个鼠标移入出现浮层，移除浮层消失这个小小的案例来进一步说明这个this的应用。 先来看看简单的布局代码，以及显示的效果： 先让这三个黄色的浮层消失，然后鼠标移入， 给它写上“我是浮层” 阅读全文
摘要：
在说今天的知识点之前，先说一下cssText的属性应用，关于cssText是给标签添加行内样式，比如我们要给一个原有的div动态添加了宽高500px；然后又通过cssText给动态添加了一个宽200px，那么最后这个div上的样式就只有最后你添加的这个200px；而宽度就没有了,看代码： 从上面的案 阅读全文
摘要：
关于for循环这是js中的重点，特别是项目中会经常用到，并且它的运用范围还极其的广泛，极其的复杂，今天就来遍历一个多层嵌套的元素，先来看看简单的布局： 这种布局就是ul里有li然后li里又嵌套着ul，并且不是单一的有规律的嵌套里面还穿插有h2，页面布局所显示的效果如下图所示： 其实我想要的实现的效果 阅读全文
摘要：
简单了解一下for循环获取坐标，for循环是js中经常用到，一般情况下，页面上有很多元素的情况下，我们不可能一一的去添加，所以就会用到for循环。今天先简单写一个获取页面元素的坐标，首先先动态给页面添加10个div，并把每个div写一个50*50的宽高给个绝对定位；然后要实现的效果是让每个div都依 阅读全文
摘要：
原生js中获取元素的方法有很多，那么今天就来重点说一下getElementById和ByTagName的区别： 1、getElementById前面必须是document；而getElementByTagName前面除了是document也可以是其他的元素；先来看一下简单的html代码 举例说明，就 阅读全文
摘要：
想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示： 效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容 阅读全文
摘要：
写今天的判断内容前，先普及一些判断中需要注意的几个点： 1、在js中相对路径不能拿来做判断，比如图片的路径或者href里的路径等； 2、颜色值：color: red 、#f00、 rgb() 、rgba()也不能直接做判断。 这点了解之后，那么就来写今天的案例，就拿背景颜色来写，想要实现的效果是点击 阅读全文
摘要：
上篇写到的是关于属性操作的更改添加等，那么今天通过一个简单的案例再来巩固一下更改属性值，有点类似控制新闻页面的文字大小。 首先还是先看布局，简单写一句话，并写两个按钮： 效果图如下： 然后，就要通过点击加减按钮来控制文字的大小了，js代码如下： 点击“+”按钮一下，那么文字就会增加一像素，一直点击便 阅读全文
摘要：
上一篇简单提到了innerHTML，那么现在我就通过一个简单的模仿一下发消息的原理例子。接下来简单布局一下： css也简单写一下： 布局展示如下： 想要实现的效果就是在input里写内容，点击发送，便会在上面的框中显示出来； 下面就是js了，看看如何运用innerHTML了： 这便是实现之后的效果: 阅读全文