<Table>(JS+HTML)

如何查找<Table>表中第二行而列的元素？用JS+HTML实现JavaScriptHTML

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <table id="table1">
          <tr>
              <td>01</td>
              <td>02</td>
          </tr>
           <tr>
              <td>1</td>
              <td>2</td>
          </tr>
    </table>
    <input type="button" id="btn" value="findMe" />
    <script type="text/javascript">
    document.getElementById('btn').onclick=function(){
    var tab=document.getElementById('table1');
    var rows=tab.getElementsByTagName('tr');
    var cols=rows[1].getElementsByTagName('td');
    alert(cols[1].innerHTML);
    };
    </script>
    </body>
    </html>
      

  2.   

    更省事的dom 标准api
    document.getElementById('btn').onclick=function(){
    var tab=document.getElementById('table1');
    alert(tab.rows[1].cells[1].firstChild.data);
    };
      

  3.   

    恩 不过你这个有点问题。我在浏览器中尝试了 单击下拉列表框 出现单选框，在单击 单选框消失。但是我的要求是 ：单击 ，下拉列表框消失，出现单选框。再单击，出现下拉列表框，单选框消失。不满足我的要求呀re:什么意思?第一次点击按钮(choose),select消失,出现radio,
    第二次点击按钮(choose),radio消失,出现select不是这样吗
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <select name="sex" id="sex" size="1">
    <option value="1">body</option>
    <option value="2">girl</option>
    </select>
    <div id="sexoption"></div><input type="button" id="btn" value="choose" /><script type="text/javascript"> document.getElementById('btn').onclick=function(){
    var s=document.getElementById('sex');
    var rehtml="";
    var radioName=s.getAttribute('name'); for(var i=0;i<s.options.length;i++){
    rehtml+="<input type=\"radio\" name=\""+radioName+"\" value=\""+ s.options[i].value+"\"/>"+s.options[i].text;

    }
    var racontainer=document.getElementById('sexoption');
    if(racontainer.getElementsByTagName('input').length>1){
    document.getElementById('sexoption').innerHTML="";
    document.getElementsByTagName('select')[0].style.display="block";
    }else{
    document.getElementById('sexoption').innerHTML= rehtml;
    document.getElementsByTagName('select')[0].style.display="none";
    }
    }
    </script>
    </body>
    </html>
      

  5.   

    你的要求是?选中select中的option, select消失,出现radio,
    点击radio 出现select