sadet48 - JS Tabloya Veri Ekleme


	sadet48


	JS Tabloya Veri Ekleme

Tabloya Veri Ekleme

Kolon 1	Kolon 2

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Tabloya Veri Ekleme</title>
<style type="text/css">
*{margin: 0;padding: 0;box-sizing: border-box;}
body{background: #FBF9F9}
main h1{
	font-family: TTKB Dik Temel Abece;
	color: #ff0000;
	font-size: 40px;
	text-align: center;
	background: transparent;
	padding: 10px;
}
main p{
	font-family: TTKB Dik Temel Abece;
	color: #000000;
	font-size: 40px;
	background: transparent;
	text-align: left;
	padding: 15px;
}
.table {
  border-collapse: collapse;
  border: 1px solid #E2E2E2;
  float: left;
}
.table th{
  font-family: TTKB Dik Temel Abece;
  color: #555;
  font-size: 22px;
  text-align: center;
  background: transparent;
  border-collapse: collapse;
  border: 1px solid #ddd;
  height: 50px;
  width: 100px;
}
.table td{
  font-family: TTKB Dik Temel Abece;
  color: #555;
  font-size: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid #ddd;
  height: 50px;
  width: 100px;
	}	
}
@page {
	margin: 6in 9in;
}
@media print{
	main h1{font-size:70px;}
	.table th {
		font-size:70px;
	}
}
</style>
</head>
<body>
<main>
		<h1 class="ana_baslik">Tabloya Veri Ekleme</h1>
<table class="table">
	<tr>
		<th>Kolon 1</th>
		<th>Kolon 2</th>
	</tr>
	<tr>
		<th></th>
		<th></th>
	</tr>
	<tr>
		<th></th>
		<th></th>
	</tr>
	<tr>
		<th></th>
		<th></th>
	</tr>
</table>
</main>
<script>
var dizi1=[
    ["el","ma"],
    ["la","le"],
    ["el","le"]
	],

table=document.querySelector(".table");
    for(i=1;i<table.rows.length;i++){
    	for (var j = 0; j < table.rows[j].cells.length; j++) {
    		table.rows[i].cells[j].innerHTML=dizi1[i-1][j];
    	}
    };
</script>
</body>
</html>

Toplam 109792 ziyaretçi

sadet48

JQuery Cycle ile Haber Bandı

Sadet Sevinç

sadet48.tr.gg@gmail.com

Facebook beğen

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol