<Table>(JS+HTML),该怎么处理

2013-08-16

Table(JS+HTML)如何查找Table表中第二行而列的元素？用JS+HTML实现JavaScriptHTML[解决办法]引用:第二

<Table>(JS+HTML)
如何查找<Table>表中第二行而列的元素？用JS+HTML实现 JavaScript HTML
[解决办法]

引用:

第二行第二列的元素


<!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>

[解决办法]
更省事的dom 标准api


document.getElementById('btn').onclick=function(){
var tab=document.getElementById('table1');
alert(tab.rows[1].cells[1].firstChild.data);
};

[解决办法]
恩不过你这个有点问题。我在浏览器中尝试了单击下拉列表框出现单选框，在单击单选框消失。但是我的要求是：单击，下拉列表框消失，出现单选框。再单击，出现下拉列表框，单选框消失。不满足我的要求呀

re:

什么意思?

第一次点击按钮(choose),select消失,出现radio,
第二次点击按钮(choose),radio消失,出现select

不是这样吗
------解决方案--------------------


<!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>

热点排行