<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
<script>
var cahngeFlag = 2;
function change(){
var zero = document.getElementById("zero");
switch(cahngeFlag){
case 1: zero.innerHTML = "<font color='cornflowerblue'><b>新浪</b></font>";cahngeFlag++;
break;
case 2: zero.innerHTML = "<font color='cornflowerblue'><b>搜狐</b></font>"; cahngeFlag++; break;
case 3: zero.innerHTML = "<font color='cornflowerblue'><b>百度</b></font>"; cahngeFlag = 1;
}
}
var sum ="";
function copy(){
var cop = document.getElementsByTagName("input");
for(var i = 0;i<cop.length ;i++){
sum = sum +cop[i].value;
}
var po = document.getElementById("po");
po.innerHTML = sum;
}
</script>
</head>
<body >
<span id="zero" style="color: cornflowerblue;"><b>新浪</b></span>
<input type="button" value="改变层的内容" onclick="change()" />
<br />
<input type="text" value="春" />
<input type="text" value="夏" />
<input type="text" value="秋" />
<input type="text" value="冬" />
<br />
<input type="button" value="打印所有input内容" onclick="copy()" />
<input type="button" value="打印初夏秋冬" />
<p id="po"></p>
</body>
</html>
document by 调用对象
猜你喜欢
转载自blog.csdn.net/qq_42108487/article/details/80872993
今日推荐
周排行