Javascript Chessboard Pattern,onclick 函数帮助(基本)
Javascript Chessboard Pattern, onclick function help (basic)
function vnos(){
var visina=prompt("Vnesi Visino Sahovnice");
var sirina=prompt("Vnesi Sirino Sahovnice");
document.write("<table>");
for(var i=1; i<=visina; i++)
{
document.write("<tr>");
for(var j=1;j<=sirina; j++)
{
if(i%2==0){
if(j%2==0){document.write("<td onclick='myFunction()' class='rdeca'></td>");}
else{document.write("<td onclick='myFunction()' class='crna'></td>");}
}
else{
if(j%2==0){document.write("<td onclick='myFunction()' class='crna'></td>");}
else{document.write("<td onclick='myFunction()' class='rdeca'></td>");}
}
}
document.write("</tr>");
}
document.write("</table>");}
因此,第一个函数用于创建棋盘,并作为您想要多少行和列的输入。我正在尝试进行onclick,即使这会改变单个单元格的颜色,但我不确定正确的方法是什么。第二个函数用作 onclick 函数,它将更改颜色。html文档中有css,css正在工作。
function myFunction(){
document.getElementById("celica").className="bela";
}
当你调用一个点击处理程序时,上下文(this
)被设置为元素,所以你可以像这样把它传递给处理程序函数:
<td onclick='myFunction(this)' class='rdeca'></td>
然后在myFunction上,您可以执行以下操作:
function myFunction(cell) {
cell.className="bela"; // set clicked classname
cell.style.backgroundColor="red"; // set clicked backgroundcolor
cell.innerHTML="clicked on me"; // set clicked html content
}
相关文章:
- 需要帮助设置json数组
- JQuery需要帮助理解(i,el)
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 使用html2canvas获取基本信息
- 我需要为我的朋友在这个项目上提供帮助
- 使用密码对话框Javascript请求帮助
- jQuery在列出给定类时调用对话框的基本帮助
- 基本的Javascript程序,需要帮助
- 节点中的基本回调帮助
- Javascript Chessboard Pattern,onclick 函数帮助(基本)
- Rails:需要帮助构建一个基本的AJAX搜索表单并显示结果
- 关于将javascript中的数组插入HTML中的段落元素的基本帮助
- 需要帮助制作基本.fadeIn()/.fadeOut()滑块的jQuery循环
- 基本的javascript帮助(获取火车停靠站的输出)
- php和JavaScript中的变量.我需要基本理解方面的帮助
- 帮助我理解不显眼的JavaScript的基本原则
- Rails 3 - Ajax -需要一些基本的Javascript/Jquery的帮助
- JavaScript帮助在单击按钮时运行基本功能
- BrowserCouch,帮助做基本的例子