第三章 循环 样式操作

原创 2017年10月11日 22:05:19

循环

for(var i=0;i<length;i++){
    //相关业务
}
注意:
for(var i =0;i<4;i++){ 该循环做的事情是 循环绑定事件  并没有弹出
    liDoms[i].onclick = function(){
        alert(i);//当点击时 i的值为最后一次循环的值
    }
}
while(条件){
    //相关业务 
}
do{
    //相关业务
}while(条件)

break:跳出当前循环 并结束后边的循环;
continue:跳出当前循环 并执行后边的循环。


自定义标签属性

标签存在天生自带的属性,我们可以直接通过对象.属性的方式进行查看。
<div id="box1" class="box2" title="three" pzj="123"></div>
var boxDom = document.genElementById("box1");
//获取
alert(boxDom.id);//box1
alert(boxDom.class);//undefined  class为关键字
alert(boxDom.className);//box2 class属性比较特殊
//设置
boxDom.id = "box2";
boxDom.className = "box1;

alert(boxDom.pzj);//undefined  不是标签自带的
自定义标签属性:写在标签里边的属性,该标签本身不存在的,称为自定义标签属性;(可以看到)
通过:boxDom.setAttribute(属性名,值)
boxDom.getAttribute(属性名)此方法能够获取标签天生自带的属性,同时也能够获取自定义标签属性的值 boxDom.getAttribute("pzj");值为123
boxDomremoveAttribute(属性名)

boxDom.pzj = "234";
alert(boxDom.pzj);//234
自定义属性:给boxDom扩展了一个叫pzj的属性(看不见)

自定义标签属性和自定义属性存在的目的:为了给标签做记号或者存值。

样式操作

<div id="box" ></div>
var boxDom = document.genElementById("box");
boxDom.style.width = "100px";//只能写到行内样式中
boxDom.style.marginLeft = "50px";//复合样式 margin-left采用驼峰命名
boxDom.style.cssText = "background:red;height:40px;";//写多条
//如何写到行间
document.getElementsByTagName("style")[0].innerHtml = "";

问题:var bg = "background";
boxDom.style.bg;// 这种写法错误undefined
boxDom.style[bg];//正确
**[]的使用 只要用点的方式都可以用[字符串]的形式**

函数的简单认识

var obj = new Object();
alert(obj.constructor);//可以查看构造器

函数的书写方法:
1.定义式:function 函数名(参数){ }
2.表达式:var 变量名 = function(参数){ }

function add(){
}
//触发
1.add();
2.document.getElementById("btn").onclick = add;
3.document.getElementById("btn").onclick = function(){
    add();
}
function xq(){ }
var xq;
alert(xq);//弹出的是function...

function xq(){ }
var xq = 1;
alert(xq);//弹出的是1
总结:当变量只定义未赋值时,函数名和变量名相同时 函数名的优先级高
版权声明:本文为博主原创文章,未经博主允许不得转载。

《快学Scala》第三章习题解答

RT。 package com.scalalearn.scala.main //java中的List转为scala buffer至关重要的引入 import scala.collection.Jav...
  • rongyongfeikai2
  • rongyongfeikai2
  • 2016年05月14日 16:29
  • 894

快学Scala 第三章习题答案

1.编写一段代码,将a设置为一个n个随机整数的数组,要求随机数介于0(包含)和n(不包含)之间。val n = 100 //n是自己给定的 val a = scala.util.Random val...
  • power0405hf
  • power0405hf
  • 2016年01月11日 14:51
  • 1105

微信小程序开发——wx:for循环渲染元素如何修改点击样式

循环渲染的导航栏,每个子元素都需要通过点击事件函数修改样式,但因为循环渲染,每个子元素的点击事件函数是一样的,所以不能分别修改对应子元素的样式。通过本文,你将了解微信小程序中循环渲染wx:for的子元...
  • Just_Do_It_1993
  • Just_Do_It_1993
  • 2017年04月06日 16:06
  • 2848

《计算机网络》谢希仁(第7版) 第三章

《计算机网络》谢希仁(第7版) 第三章 数据链路层知识要点
  • YJin_Woo
  • YJin_Woo
  • 2017年05月14日 17:06
  • 1082

第三章:CSS中的样式选择器

1.通用选择器 通用选择器是一个星号,它类似于通配符,匹配文档中所有的标签: 2.HTML选择器 3.类选择器 4.ID选择器 5.后继选择器(关联选择器) 6.组合选择器 7.伪元素选择器...
  • a123456zabc
  • a123456zabc
  • 2016年03月24日 16:25
  • 213

jQuery 操作类样式

1、addClass()向匹配的元素添加指定的类名   addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。提示:如...
  • qq_27626333
  • qq_27626333
  • 2016年07月17日 00:01
  • 986

python自然语言处理学习笔记第三章

从本章开始往后我们的例子程序将假设你以下面的导入语句开始你的交 互式会话或程序: >>> from __future__ import division >>> import nltk, re,...
  • huang2009303513
  • huang2009303513
  • 2013年11月09日 10:19
  • 1368

第三章:关于事件与样式

一、react中事件绑定与原生js的对比 1、原生js中绑定事件的方式1、在行内直接使用 2、 DOM0的绑定方法el.onclick = function(){ // } 3、DOM3事件绑...
  • kuangshp128
  • kuangshp128
  • 2017年07月30日 11:49
  • 126

CSAPP--第三章中函数调用与返回的细节

对于以下操作:void fun() { int x = 1; return; } int main() { int y = 2; fun(); } vs2015Pro生...
  • qq_29596177
  • qq_29596177
  • 2016年09月04日 09:37
  • 252

[APUE] 第三章部分习题

APUE第三章部分习题
  • ILOVEYOUXIAOWANGZI
  • ILOVEYOUXIAOWANGZI
  • 2013年12月10日 16:21
  • 1345
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第三章 循环 样式操作
举报原因:
原因补充:

(最多只允许输入30个字)