html如何获取表格中所选行的一行数据并赋值到对应的TEXT里面?

html如何获取表格中所选行的一行数据并赋值到对应的TEXT里面?,第1张

表格中的一行添加id属性即可:

var item=document.getElementById("id")

<html>

<head>

<script type = 'text/javascript'>

var curRow   //全局行号

var curRowId//选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身  

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

1、简单的,表格中的一行添加id属性

var item=document.getElementById("id")

<html>

<head>

<script type = 'text/javascript'>

var curRow //全局行号

var curRowId//选中行的记录信息的ID

var curColor

function selectRow(tr){//tr行本身

curRow = tr

curRowId = tr.id

alert(tr.cells[0].innerText)

}

</script>

</head>

<body onload = "javascript:selectRow(1)">

<table border = "1 solid">

<tr onclick = "selectRow(this)">

<td>001</td>

<td>google</td>

</tr>

<tr onclick = "selectRow(this)">

<td>002</td>

<td>baidu</td>

</tr>

</table>

</body>

</html>

3、获取所有行集合,然后通过下标访问某一行

var items=document.getElementByTagName("tr")

//获取某一行(下标<a href="https://www.baidu.com/s?wd=%E4%BB%8E0%E5%BC%80%E5%A7%8B&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y3mWFBuju9nj6dmyRzrARv0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHcYn1c4rjR4" target="_blank" class="baidu-highlight">从0开始</a>,到items.length-1结束)

var hang=items[0]


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7070012.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存