首页 > Web开发 > 详细

用原生js实现点击单元格输出单元格中的值转换成百分比(保留两位小数)和该单元格对应的表头,如'同花顺:3.30%'

时间:2020-04-01 15:33:52      阅读:72      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<table border="1px">
		<thead>
			<tr>
				<th>
					股票名称
				</th>
				<th>
					涨跌幅
				</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>同花顺</td>
				<td>0.033</td>
			</tr>
			<tr>
				<td>同花</td>
				<td>0.034</td>
			</tr>
			<tr>
				<td>同顺</td>
				<td>0.023</td>
			</tr>
			<tr>
				<td>花</td>
				<td>0.038</td>
			</tr>
			<tr>
				<td>顺</td>
				<td>0.013</td>
			</tr>
			<tr>
				<td>同</td>
				<td>0.031</td>
			</tr>
		</tbody>
	</table>
</body>
<script type="text/javascript">
	var tr = document.getElementsByTagName(‘tr‘)
	var trr = [...tr]
	trr.shift()
	console.log(trr)
	trr.map(item=>{
		item.onclick = ()=>{
			console.log(item.children[0].innerHTML + ‘:‘ +(item.children[1].innerHTML * 100).toFixed(2) + ‘%‘)
		}
	})
</script>
</html>

用原生js实现点击单元格输出单元格中的值转换成百分比(保留两位小数)和该单元格对应的表头,如'同花顺:3.30%'

原文:https://www.cnblogs.com/lfnumber7/p/12612357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!