发表于： 2017-02-24 18:04:06
3 1068
今天做的事情: 实现了任务1九宫格的HTML+CSS部分,然后尝试写了一下颜色变化的代码.
运行没有成功, 卡在添加onclick事件上,至今没搞懂
明天要做的事: 继续完成任务1,把onclick弄完. 估计获取DOM元素,设置元素属性可能还会出错.
然后,写一下定时函数的内容.
遇到的问题: 给按钮添加onlick按钮,然后点击按钮,没有任何效果.
下面是代码:
html: 页面上添加了一个class="button2"的按钮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<button class="button2">点我</button>
</body></html>
js: alert("愚蠢")可以触发,有弹窗. 但点击按钮,没有任何反应.
/**
* Created by luzhaolin on 2017/2/24.
*/
window.onload = run();
function run(){
alert("愚蠢");
var fk = document.getElementsByClassName("button2");
fk.onclick=function(){
alert("haha");
}
}
收获: 先贴一下目前的JS代码备忘,明天再改
window.onload= run() ;
function run(){
var a =document.getElementsByClassName("button1");
a.onclick=function() {
alert("a");
};
var b =document.getElementsByClassName("button2");
b.onclick=function()
{
var d =dom();
for(var i = 0; i<d.length;i++)
{
d[i].setAttribute("background-color","orange");
}
}
}
function dom() {
var a = body.childNodes;
var b = [];
var j = 0;
for (var i = 0; i < a.length; i++) {
for (var k = 0; k < a[i].childNodes.length; k++) {
b[j] = a[i].childNodes[k];
j++;
}
}
return b;
}
function getblock()
{
var d =dom();
var e =Math.ceil(random()*d.length);
var a = d[e];
d.splice(e,1);
var f = d[Math.ceil(random()*d.length)];
var b = d[f];
d.splice(f,1);
var g = d[Math.ceil(random()*d.length)];
var c =d[g];
d.splice(g,1);
return [a,b,c];
}
function getcolor(){
var a = parseInt("FFFFFF",16);
var b =(Math.ceil(Math.random()*a)).toString(16);
var c = "000000"+b;
var d = c.substring(b.length,b.length+6);
return d;
}
返回列表
评论