2 dyxm21 dyxm21 于 2016.05.11 18:32 提问

一个JavaScript的作业,求所有源码

求源码⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯图片说明图片说明

5个回答

caozhy
caozhy   Ds   Rxr 2016.05.11 21:38
 <!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript">  
     window.onload = function(){
        Highlight();
     }  
     function addOne(obj){ 
        var tbody = document.getElementById(‘table‘).lastChild;  
        var tr = document.createElement(‘tr‘);  

         var td = document.createElement("td");
         td.innerHTML = "<input type=‘text‘/>";
         tr.appendChild(td);

         td = document.createElement("td");     
         td.innerHTML = "<input type=‘text‘/>";
         tr.appendChild(td);

         td = document.createElement("td");    
         td.innerHTML = "<a href=‘javascript:;‘ onclick=‘deleteRow(this)‘>删除</a>";
         tr.appendChild(td);   

         tbody.appendChild(tr);   
        Highlight();
        }

     function deleteRow(obj){
        var tbody = document.getElementById(‘table‘).lastChild;  
        var tr = obj.parentNode.parentNode;
         tbody.removeChild(tr);
     }
     function Highlight(){
        var tbody = document.getElementById(‘table‘).lastChild;    
        trs = tbody.getElementsByTagName(‘tr‘);   
        for(var i =1;i<trs.length;i++){
            trs[i].onmouseover = function(){
                this.style.backgroundColor ="#f2f2f2";
            } 
            trs[i].onmouseout = function(){
                this.style.backgroundColor ="#fff";
            } 
        }  
     }

  </script> 
 </head> 
 <body> 
       <table border="1" width="50%" id="table">
       <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>操作</th>
       </tr>  

       <tr>
        <td>xh001</td>
        <td>王小明</td>
        <td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td>
       </tr>

       <tr>
        <td>xh002</td>
        <td>刘小芳</td>
        <td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td>
       </tr>  

       </table>
       <input type="button" value="添加一行" onclick="addOne()" />
 </body>
</html>

http://www.bubuko.com/infodetail-932251.html

perhapschen
perhapschen   2016.05.12 00:12

操作表格比较麻烦,不用表格的尽量不用,

 <!--支持IE9+、FF、Chrome、opera-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>表格的DOM操作</title>
<script>
onload = function() {

  var table = document.getElementById('table'),
      tbody = table.tBodies[0],
      num   = tbody.rows.length,
      add   = document.getElementById('add'),
      name  = document.getElementById('name'),
      age   = document.getElementById('age');

  add.onclick = function() {
    var th = document.createElement('th'),
        tr = document.createElement('tr');
    th.innerHTML = num++;
    tr.appendChild(th);

    var td = document.createElement('td');
    td.innerHTML = name.value;
    tr.appendChild(td);

    td = document.createElement('td');
    td.innerHTML = age.value;
    tr.appendChild(td);

    name.value = '';
    age.value = '';

    td = document.createElement('td');
    td.innerHTML = "<a href='javascript:;'>DEL</a>";
    tr.appendChild(td);

    tbody.appendChild(tr);
  }

  tbody.addEventListener('click', function(e) { //事件委托
    e = e || event;
    if (e.target && e.target.nodeName == 'A') {
      tbody.removeChild(e.target.parentNode.parentNode);
    }
  }, false)

  tbody.addEventListener('mouseover', function(e) { //事件委托
    e = e || event;
    if (e.target.nodeName == 'A')
      e.target.parentNode.parentNode.style.background = '#f2f2f2';
    else
      e.target.parentNode.style.background = '#f2f2f2';

  }, false)

  tbody.addEventListener('mouseout', function(e) { //事件委托
    e = e || event;
    if (e.target.nodeName == 'A')
      e.target.parentNode.parentNode.style.background = '#fff';
    else
      e.target.parentNode.style.background = '#fff';

  }, false)

};
</script>
</head>
<body>
name: <input type='text' id='name' />
age: <input type='text' id='age' />
<input type='button' id='add' value='ADD' />
<table border='1' width='500' id='table' style='border-collapse:collapse; border-spacing:0; text-align:center;'>
  <thead>
    <tr>
      <th>序号</th>
      <td>姓名</td>
      <td>年龄</td>
      <td>操作</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>22</td>
      <td>张三</td>
      <td><a href="javascript:;">DEL</a></td>
    </tr>
    <tr>
      <th>2</th>
      <td>23</td>
      <td>李四</td>
      <td><a href="javascript:;">DEL</a></td>
    </tr>
    <tr>
      <th>3</th>
      <td>22</td>
      <td>王五</td>
      <td><a href="javascript:;">DEL</a></td>
    </tr>
  </tbody>
</table>
</body>
</html>
vx_list
vx_list   2016.05.15 12:42
学习前段是个苦逼的差事,少年一定要勤快,加油啊!
havedream_one
havedream_one   2016.05.11 20:31

这么详细了,还是自己动手谢谢吧

Royal_lr
Royal_lr   Ds   Rxr 2016.05.11 18:50

这个思路都写出来,,还不会写,,只能说伸手党

dyxm21
dyxm21 回复Royal_lr: 能给源码吗
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JavaScript求指定范围内的质数
质数是大于1的自然数中,没有除了1和它自身之外其他因子的数。 这篇帖子,将考虑如何求指定范围内的质数。   实现函数有如下的特性: 1.它接受2个参数,代表两个边界,比如getPrimes(0, 30),代表求0到30之间的所有质数。 2.两个参数可以第一个比第二个大,比如getPrimes(30, 0),它依然代表求0到30之间的所有质数。 3.两个边界值都在考虑的范围内。 4.返
js算法题,给任意一个偶数,找出他的所有的质数因子
js算法题,给任意一个偶数,找出他的所有的质数因子
北大青鸟二期JavaScript所有作业
北大青鸟二期JavaScript所有作业 自己写的,!!北大青鸟二期JavaScript所有作业 自己写的,!!北大青鸟二期JavaScript所有作业 自己写的,!!北大青鸟二期JavaScript所有作业 自己写的,!!
javascript课后作业+素材
本素材包含了,整个javascript课后作业和素材,图片全齐,清晰,方便适用,代码完整!
编写一个js函数用来求一个数组中各元素之积
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> function product(arr) {
JavaScript大作业
js大作业题目 1.用户注册登录页面,注册页面需要有正则表达式完成校验。 2.注册后将用户名和密码写入cookie。用户登录分为注册用户和游客。 3.注册用户可以查看页面完整内容,游客用户只可以查看部分页面内容(必须同一页面,不准使用两个页面)。 4.要求JS代码和html页面分离。
妙味课堂JavaScript基础视频 课后作业源码 完整 详细
妙味课堂JavaScript基础视频 课后作业源码 完整 详细
求一个数的所有因子的积
package Test2016;  // public class Test1 {     public static void main(String[] args) {         int a=1001;         System.out.print(a+"=");         for (int i = 2; i             while(a%i==0&
用JS算出一定范围内的所有素数
例如:找出100~200内的所有素数;思路:第一步先找出100~200的所有数字(for循环);第二步让每个数字对所有比它小的数字(1除外)取余,如果有一个结果为0,就结束循环(break);如果所有的取余结果都不为0,那这个数就是质数;第三步,就是输出找到的素数,这个是这题的关键。只要第二层for循环找到一个取余结果为0的数,就直接利用break结束此次循环,直到第二层for循环执行到j=i-1...
请用javascript求出1000以内所有的素数
var prime = function(len){     var i,j;     var arr = [];   for(i = 1; i     for(j=2; j       if(i%j === 0) {          break;       }     }     if(i       arr.push(i);     }       }