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

    <!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>
    
  • 相关阅读:
    原码、反码、补码详解
    进制转换
    目录
    Window【目录】
    排序算法——冒泡排序
    算法的时间复杂度与空间复杂度
    排序算法
    递归—八皇后问题
    递归—迷宫问题
    递归
  • 原文地址:https://www.cnblogs.com/lfnumber7/p/12612357.html
Copyright © 2011-2022 走看看