js中如何获取td标签中的文本...在线等到[高分求问]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中如何获取td标签中的文本...在线等到[高分求问]相关的知识，希望对你有一定的参考价值。
高手们我现在遇到一个快把我整疯了的问题 请你们帮我解决下 先说声谢谢！问题是这样的：
我正在做一个练习项目！ 功能是 ：我有0-9个数字 数字包含在td标签中 一个数字一个td 。数字后面有是大，小，当，双，全，清这样用span标签写的五个按钮样式的字体，当我点击大时，数字5-9就被选中，在当我点击小时，数字0-4就被选中同时在刚刚选择大时的数字就清除而页面上只显示0-4被选中。单,双也是如此！ 我当前遇到的问题是！0-9这些数字td标签的id都是一样！请问我给整么写这个js！如果id不是一样那是没问题！但我就会取id！ 请大侠们帮我这个忙！菜鸟在此感谢。 补充一点被选中了的数字有个样式，也就是数字的样式发生改变！让人看起来这是被选中的！
<html>
<head>
<script language="javascript">
function $(taglib)
return document.getElementById(taglib);
function selectdata(tag)
var tabobj=$("choose_data");
var trobj=tabobj.rows[0];
var tdobj=trobj.cells;
var bg="#00F";
var fg="#FFF";
for(i=0;i<tdobj.length;i++)
var tmp=parseInt(tdobj[i].innerHTML);
if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")
tdobj[i].style.background=bg;
tdobj[i].style.color=fg;
else
tdobj[i].style.background="#FFF";
tdobj[i].style.color="#000";
</script>
</head>
<body>
<table border=1 id="choose_data">
<tr>
<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
</tr>
</table>
<span onclick="selectdata('big')">大</span>，<span onclick="selectdata('small')">小</span>，<span onclick="selectdata('odd')">单</span>，<span onclick="selectdata('even')">双</span>，<span onclick="selectdata('all')">全</span>，<span onclick="selectdata('none')">清</span>
</body>
</html> 参考技术A document.getElementById("所在行(tr)的id").getElementsByTagName("td")[i]
i是你要控制的td的序号（0-9）
Cytoscape js在节点上单击时如何获取所有边缘（文本标签）
我知道我可以使用node.connectedEdges（）返回连接到该节点的边的对象。如何访问所有边缘的数据字段。我希望能够单击一个节点，并在列表中具有连接的边缘标签（文本）。
此外，当您单击节点时，如何访问该节点的元数据（节点JSON对象中的其他属性）。
谢谢
嗯，可以使用.data()方法访问节点/边缘元数据中的所有内容。这是一项核心功能，我建议您看看.data()，因为这是一个相当简单的任务。您要做的就是调用docs方法并相应地映射结果对象（使用.connectedEdges()）：
.connectedEdges().data()var cy = window.cy = cytoscape(
container: document.getElementById('cy'),
style: [
selector: 'node',
css:
'content': 'data(id)',
'text-valign': 'center',
'text-halign': 'center',
'height': '60px',
'width': '60px',
'border-color': 'black',
'border-opacity': '1',
'border-width': '10px'
,
selector: 'edge',
css:
'target-arrow-shape': 'triangle'
,
selector: ':selected',
css:
'background-color': 'black',
'line-color': 'black',
'target-arrow-color': 'black',
'source-arrow-color': 'black'
],
elements:
nodes: [
data:
id: 'n0'
,
data:
id: 'n1'
,
data:
id: 'n2'
,
data:
id: 'n3'
,
data:
id: 'n4'
,
data:
id: 'n5'
,
data:
id: 'n6'
,
data:
id: 'n7'
,
data:
id: 'n8'
,
data:
id: 'n9'
,
data:
id: 'n10'
,
data:
id: 'n11'
,
data:
id: 'n12'
,
data:
id: 'n13'
,
data:
id: 'n14'
,
data:
id: 'n15'
,
data:
id: 'n16'
],
edges: [
data:
source: 'n0',
target: 'n1'
,
data:
source: 'n1',
target: 'n2'
,
data:
source: 'n1',
target: 'n3'
,
data:
source: 'n2',
target: 'n7'
,
data:
source: 'n2',
target: 'n11'
,
data:
source: 'n2',
target: 'n16'
,
data:
source: 'n3',
target: 'n4'
,
data:
source: 'n3',
target: 'n16'
,
data:
source: 'n4',
target: 'n5'
,
data:
source: 'n4',
target: 'n6'
,
data:
source: 'n6',
target: 'n8'
,
data:
source: 'n8',
target: 'n9'
,
data:
source: 'n8',
target: 'n10'
,
data:
source: 'n11',
target: 'n12'
,
data:
source: 'n12',
target: 'n13'
,
data:
source: 'n13',
target: 'n14'
,
data:
source: 'n13',
target: 'n15'
,
]
,
layout:
name: 'dagre',
padding: 5
);
cy.ready(function()
cy.unbind('click')
cy.bind('click', 'node', function(event)
let edges = event.target.connectedEdges().map(edge => edge.data().id)
console.log(edges)
)
)以上是关于js中如何获取td标签中的文本...在线等到[高分求问]的主要内容，如果未能解决你的问题，请参考以下文章
如何用js将一个<span>中的内容加入到另一个<span中>