<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>1</title>
<script type="text/javascript">
function test() {
var arry1 = [1,2,3,4,5];
arry1[5] = 100;
for(i=0;i<arry1.length;i++) {
alert(arry1[i]);
}
var arry2 = new Array();
arry2[0] = 'one';
arry2[1] = 'two';
arry2[2] = 'three';
alert(arry2.toString());
}
function testTable() {
// 返回指定id的html dom对象（js看来html元素对应的对象）
var t1 = document.getElementById('t1');
// rows属性返回数组类型
// 表示table所有tr对应的html dom对象
alert(t1.rows.length);
alert(t1.rows[1].cells[0].innerHTML);
t1.rows[1].cells[0].innerHTML = 'JavaJavaJava';
}
function testDelete() {
var t1 = document.getElementById('t1');
for(i=t1.rows.length-1;i>=0;i--) {
t1.deleteRow(i);
}
}
function testAdd() {
var t1 = document.getElementById('t1');
var tr = t1.insertRow(t1.rows.length);
var td1 = tr.insertCell(0);
var td2 = tr.insertCell(1);
td1.innerHTML = 'C++';
td2.innerHTML = '150';
}
function testStyle() {
var t2 = document.getElementById('t2');
var td = t2.rows[1].cells[0];
td.style.backgroundColor="#ffdddd";
}
</script>
</head>
<body>
<table id="t1" width="100%" border="2" cellspacing="2" cellpadding="1">
<tr>
<td width="30%" align="center">
Java
</td>
<td>
100
</td>
</tr>
<tr align="right">
<td>
PHP
</td>
<td>
200
</td>
</tr>
<tr>
<td width="30%" align="center">
JavaScript
</td>
<td>
300
</td>
</tr>
</table>
<br/>
<br/>
<br/>
<table id="t2" width="80%" border="1">
<tr>
<td colspan="3">
</td>
</tr>
<tr>
<td rowspan="2" valign="top" style="background-color:#ddffdd">
Java
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
<br/>
<br/>
<input type="button" value="Click Me" onclick="testStyle();"/>
</body>
</html>
html-day02.zip_javascrip
版权申诉
56 浏览量
2022-09-19
18:38:51
上传
评论
收藏 19KB ZIP 举报
html-day02.zip （21个子文件） 
emp_list.html 3KB
html-day02 css 
style.css 9KB .tmp_3.html.52771~ 444B .tmp_1.html.54534~ 2KB img 
bullet_grey.gif 128B footer_bg.gif 439B footer.gif 2KB button.gif 104B top_left.gif 258B content_bg.gif 143B bg.gif 446B tableheader-bg-grey.gif 1KB tableheader-bg.gif 3KB bullet_green.gif 182B 3.html 444B .tmp_2.html.79819~ 3KB .tmp_1.html.96028~ 3KB 2.html 3KB .project 214B 1.html 3KB .tmp_2.html.15289~ 3KB资源评论
