JavaScript循环(for循环,while循环,do...while),获取页面元素

一、js循环

do…while与while的区别
(1)do…while,while是可以相互转换的
(2)do…while将先执行一遍循环体中的语句,然后才判断表达式的真假

while循环 语法结构:while(条件语句){循环体;}

do…while循环 语法结构:do{
循环体;
增量/减量;
}
while(条件语句);

for循环 语法结构:for(初始表达式;条件;增量/减量){
执行语句块;
}

例题:
输出小于“o”的字符(用到索引)

	var str='I Love JavaScript'; //赋值
	// alert(str.length); 返回字符串长度
	// alert(str[0]); [索引] 根据索引获取对应的字符
	for(var i=1;i='o'){
					continue;  //退出当前循环
			}
			document.write(str.charAt(i));
	}

二、获取页面元素(DOM操作)

(1)使用document对象的方法getElementByld
分析:在js中获取元素页面,必要的条件是 获取元素的程序必须写在页面元素之后
先创建div元素,再通过js代码获取页面元素
(2)使用window.onload.function()
window 表示当前窗口
onload 表示页面的加载事项
function 表示事件处理程序

*重点:(1)通过js设置div元素样式
div.style.width=200+‘px’;
(2)通过js设置页面元素内容
1)使用属性innerHTML设置内容,可添加标签 // 注意是html
div.innerHTML=’ ‘;
2)使用属性innerTEXT设置内容 // text是文本 不可添加文本以外的
div.innerTEXT=’ ';

例:


		
		
		


		
这是一个div元素

你可能感兴趣的:(JavaScript循环(for循环,while循环,do...while),获取页面元素)