站内搜索: 请输入搜索关键词

当前页面: 开发资料首页J2SE 专题求教一道简单的面试题

求教一道简单的面试题

摘要: 求教一道简单的面试题


小弟前几天到面试,碰到一个题目,是有关javascript:

要求:写一段代码,绘制一个表体为3 x 3的表格,包括序号,姓名,年龄三个字段.
然后写一段js,读取表体第二行"姓名",表体增加一行数据"4","张三","24".

我对js不太熟,所以特此请教各位,谢谢了!


自己顶一下


发错地了


<script>
document.write("<table id='person' border=1 algin='center'>");
document.write("<tr><td algin='center'>序号</td><td algin='center'>姓名</td><td algin='center'>年龄</td></tr>");
document.write("<tr><td algin='center'>1</td><td algin='center'>李四</td><td algin='center'>23</td></tr>");
document.write("<tr><td algin='center'>2</td><td algin='center'>王五</td><td algin='center'>34</td></tr>");
document.write("<tr><td algin='center'>3</td><td algin='center'>赵六</td><td algin='center'>25</td></tr>");
document.write("</table>");


var obj=document.getElementById("person");
function getName(row){
if(row<0 || row>=obj.cells.length){
alert("请输入有效行数");
}
alert("第"+row+"行的姓名是:"+obj.cells((row)*3+1).innerHTML);
}

function addRow(code,name,age){
var row=obj.insertRow();
row.insertCell().innerHTML=code;
row.insertCell().innerHTML=name;
row.insertCell().innerHTML=age;
//obj.innerHTML=obj.innerHTML+"<tr><td algin='center'>4</td><td algin='center'>张三</td><td algin='center'>18</td></tr>";
}
</script>
请输入一个有效行数:
<input type="text" id="row">

<input type="button" value="得到姓名" onClick="getName(document.getElementById('row').value);">

序号:
<input type="text" id="code">

姓名:
<input type="text" id="name">

年龄:
<input type="text" id="age">

<input type="button" value="添加新行" onClick="addRow(document.getElementById('code').value,document.getElementById('name').value,document.getElementById('age').value);">


谢谢lip009,送分!


↑返回目录
前一篇: static变量和public变量有什么区别?
后一篇: 寻找一个函数(急,在线等)