欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

純js實(shí)現(xiàn)隔行變色效果

 更新時(shí)間:2017年11月29日 16:10:21   作者:snow_1  
這篇文章主要為大家詳細(xì)介紹了純js實(shí)現(xiàn)隔行變色效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了js實(shí)現(xiàn)隔行變色的具體代碼,供大家參考,具體內(nèi)容如下

<script type="text/javascript">
 function createTable(){
  //創(chuàng)建表格
  var table = document.createElement("table");
  
  //設(shè)置表格的行數(shù)
  for(var i=0;i<4;i++){
   var tr = document.createElement("tr");
   //設(shè)置表格的列數(shù)
   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();
</script>

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

  • js編碼之encodeURIComponent使用介紹(asp,php)

    js編碼之encodeURIComponent使用介紹(asp,php)

    因此對(duì)于JS腳本又重新研究了一下。在對(duì)新的URL編碼的時(shí)候發(fā)現(xiàn),網(wǎng)頁編碼的格式對(duì)于JS的影響很大,在這里書寫一點(diǎn)
    2012-03-03
  • tween.js緩動(dòng)補(bǔ)間動(dòng)畫算法示例

    tween.js緩動(dòng)補(bǔ)間動(dòng)畫算法示例

    本篇文章主要介紹了tween.js緩動(dòng)補(bǔ)間動(dòng)畫示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-02-02
  • javascript插件開發(fā)的一些感想和心得

    javascript插件開發(fā)的一些感想和心得

    這篇文章主要介紹了javascript插件開發(fā)的一些感想和心得,需要的朋友可以參考下
    2016-02-02
  • js 采用delete實(shí)現(xiàn)繼承示例代碼

    js 采用delete實(shí)現(xiàn)繼承示例代碼

    這篇文章主要介紹了js如何采用delete實(shí)現(xiàn)所謂的繼承,下面有個(gè)不錯(cuò)的示例,大家可以參考下
    2014-05-05
  • javascript實(shí)現(xiàn)無限級(jí)select聯(lián)動(dòng)菜單

    javascript實(shí)現(xiàn)無限級(jí)select聯(lián)動(dòng)菜單

    這篇文章主要介紹了javascript實(shí)現(xiàn)無限聯(lián)動(dòng)菜單的方法和示例,思路非常棒,需要的朋友可以參考下
    2015-01-01
  • element-plus 官方表格排序問題小結(jié)

    element-plus 官方表格排序問題小結(jié)

    在使用Element Plus官方API時(shí),表格默認(rèn)排序可能會(huì)遇到問題,一個(gè)列表可能被多次排序影響數(shù)據(jù)展示,解決方法是修改useSortTable.js文件,這樣可以確保表格按預(yù)期正確排序,更多詳情可查閱相關(guān)的技術(shù)文檔或資源
    2024-10-10
  • uni-app分包項(xiàng)目實(shí)戰(zhàn)總結(jié)

    uni-app分包項(xiàng)目實(shí)戰(zhàn)總結(jié)

    在使用uniapp開發(fā)過程中,隨著我們的代碼工程越來越大,必然會(huì)面臨一個(gè)問題,就是打出來的包會(huì)越來越大,下面這篇文章主要給大家介紹了關(guān)于uni-app分包項(xiàng)目實(shí)戰(zhàn)的相關(guān)資料,需要的朋友可以參考下
    2022-04-04
  • 原生JS操作網(wǎng)頁給p元素添加onclick事件及表格隔行變色

    原生JS操作網(wǎng)頁給p元素添加onclick事件及表格隔行變色

    原生JS操作網(wǎng)頁,給網(wǎng)頁中的所有p元素添加onclick事件,使一個(gè)特定的表格隔行變色等等,感興趣的朋友可以參考下
    2013-12-12
  • 讓網(wǎng)站自動(dòng)生成章節(jié)目錄索引的多個(gè)js代碼

    讓網(wǎng)站自動(dòng)生成章節(jié)目錄索引的多個(gè)js代碼

    這篇文章主要介紹了讓博客園博客自動(dòng)生成章節(jié)目錄索引的多個(gè)js代碼,需要的朋友可以參考下
    2018-01-01
  • 最新評(píng)論