隔行变色java代码_纯js实现隔行变色效果

本文实例为大家分享了js实现隔行变色的具体代码，供大家参考，具体内容如下

function createTable(){

//创建表格

var table = document.createElement("table");

//设置表格的行数

for(var i=0;i<4;i++){

var tr = document.createElement("tr");

//设置表格的列数

for( var j=0;j<5;j++){

var td = document.createElement("td");

tr.appendChild(td);

//添加文本

var txt = document.createTextNode("wkk");

td.appendChild(txt);

}

//判断颜色的变换

if(i%2==0){

//添加属性(第一种)

tr.style.backgroundColor = "#f0f";

} else {

tr.style.backgroundColor = "#ff0";

}

table.appendChild(tr);

}

//添加属性(第二种)

table.setAttribute("border","1px");

//table.style.border = "solid 1px red";

table.setAttribute("width","200px");

table.setAttribute("height","100px");

//添加到body中

document.body.appendChild(table);

}//create table over

createTable();

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

隔行变色java代码_纯js实现隔行变色效果相关推荐

隔行变色java代码_jquery入门—选择器实现隔行变色实例代码
1.JQuery选择器继承了CSS.path语音的部分语法,允许通过标签名.属性名.内容对DOM元素进行快速.准确的选择. 2.JQuery选择器与JavaScript相比,具有代码简单.完善的检测机 ...
js 中 java 代码_在js中嵌套java代码
jsp中有时候在js中操作某些java后台传递过来的数据逻辑比较复杂,比如list内容的遍历,可以直接在页面上添加java脚本来执行内容,代码如下: //在js中插入java代码操作 //取出java ...
js装修计算器java代码_用js编写的简单的计算器代码程序
最近编写的一个简单的计算器代码程序,先给大家展示一下分享代码如下 #box{width: 295px; margin: 0 auto; text-align: justify; border: 1p ...
java喷泉编码_好程序员Java教程分享使用JS实现简单喷泉效果
原标题:好程序员Java教程分享使用JS实现简单喷泉效果好程序员Java教程分享使用JS实现简单喷泉效果,最近,在教学生使用JS的基本操作,为了练习JS的基本作用,特地写了一个喷泉效果,代码如下: ...
给定下面的java代码_则运行_会产生类型的异常_JavaSE_笔试题_单选选择题
JavaSE_笔试题_单选选择题1 1. 下面哪一种描述是正确的()? A:abstract修饰符可修饰字段.方法和类. B:抽象方法的body部分必须用一对大括号{}包住. C:声明抽象方法,大括号 ...
连连看java代码_连连看 - java代码库 - 云代码
[java]代码库/* * To change this license header, choose License Headers in Project Properties. * To chan ...
关联规则java代码_重量挖掘关联规则挖掘方法，哪个大神可以将以下伪代码转换为Java代码？...
重量挖掘关联规则挖掘方法,哪个大神可以将以下伪代码转换为Java代码? 10 改进的加权关联规则算法的基本步骤与Apriori算法相似: 首先找到加权支持度不小于用户指定的最小加权支持度的所有频繁项集 ...
amd cpu不能在cmd环境下运行java代码_「我们一起学Java02」JDK、JRE、JVM简介，Java开发平台的搭建...
Hello,各位头条的读者大家好!接下来一段时间小编将和大家一起学习Java,"我们一起学Java"专题将会持续更新,欢迎大家关注.这里是"我们一起学Java" ...
amd cpu不能在cmd环境下运行java代码_如何在Windows10中配置java的JDK环境
今天给大家分享一下如何配置java的JDK环境.操作步骤如下: 1.下载好 jdk 的安装文件,我下载的是 jdk-10.0.1_windows-x64_bin.exe 这个版本的安装文件: 2.使用 ...

隔行变色java代码_纯js实现隔行变色效果

隔行变色java代码_纯js实现隔行变色效果相关推荐

最新文章

热门文章