通过Javascript读取标签中的内容
发布网友
发布时间：2022-04-22 08:41
共4个回答
热心网友
时间：2022-04-24 13:52
利用DOM访问表格中的元素,不过要增加table的id属性,去掉没有什么用处的<span>
<table id="t">
<tr>
<td>price:</td>
<td>88.00</td>
</tr>
<tr>
<td>name:</td>
<td>marks</td>
</tr>
</table>
在Javascript代码中，通过DOM访问表格中的元素
实际价格:document.getElementById('d').rows[0].cells[1].innerHTML
实际名称:document.getElementById('d').rows[1].cells[1].innerHTML
热心网友
时间：2022-04-24 15:10
<script type="text/javascript">
$(document).ready(function(){
var a=$("#div1 table tr").text();
alert(a);
});
</script>
我用JQUERY给你做了一个，很简单，你可以用JQ试试！不用那么麻烦！
（北京八方永信教育）
热心网友
时间：2022-04-24 16:45
<html>
<head>
<script language="javascript" type="text/javascript">
function selTD() {
var arrTD = document.getElementById("div1").getElementsByTagName("td");
alert("价格： " + arrTD[1].getElementsByTagName("span")[0].innerHTML);
}
</script>
</head>
<body>
<div id="div1">
<table>
<tr>
<td>
price:
</td>
<td>
<span>88.00</span>
</td>
</tr>
<tr>
<td>
name:
</td>
<td>
marks
</td>
</tr>
</table>
</div>
<div id="div2">
<table>
<tr>
<td>
price:
</td>
<td>
<span>88.00</span>
</td>
</tr>
<tr>
<td>
name:
</td>
<td>
marks
</td>
</tr>
</table>
</div>
<input type="button" value="selTD" onclick="javascript:selTD();" />
</body>
</html>
------------------------
其实如果你使用jQuery脚本库的话，直接取价格的<span>标签就会方便的多。方法也会多很多，根据样式，根据标签类别，根据ID，写法上要比传统DOM选择器简练。。。
希望对你有所帮助~
热心网友
时间：2022-04-24 18:36
你敢在标签里加一个ID属性吗。。。
你这样，只能遍历结点。。。很不方便的说~
