鼠标点击获取td的值

最新推荐文章于 2020-10-12 10:58:46 发布

阴鸦

最新推荐文章于 2020-10-12 10:58:46 发布

阅读量1.2k

点赞数 2

分类专栏： Html 文章标签：鼠标 js

本文链接：https://blog.csdn.net/baidu_35975930/article/details/60738965

版权

Html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

CSS代码

<style type="text/css">  
            body, html {  
                background: white;  
                padding: 0px;  
                margin: 0px;  
                font-size: 45px;  
                color: red;  
                text-align: center;  
            }  
              
            th,td {  
                width: 100px;  
            }  
</style>

JS代码

<script type="text/javascript">  
            
                document.onmouseup = function(e) { //点击获取表格中的值  
                   var aa = e.target.innerHTML
				   alert(aa);
                }  		 
</script>

HTML代码

<table border="1px">  
            <tr>  
                <td>B</td>  
                <td>A</td>  
                <td>N</td>  
                <td>G</td>  
                <td>O</td>  
            </tr>  
            <tr>  
                <td>1</td>  
                <td>4</td>  
                <td>3</td>   
                <td>0</td>  
                <td>3</td>  
            </tr>  
        </table> 
        <table border="1px">  
            <tr>  
                <td>B</td>  
                <td>I</td>  
                <td>N</td>  
                <td>G</td>  
                <td>O</td>  
            </tr>  
            <tr>  
                <td>1</td>  
                <td>4</td>  
                <td>3</td>   
                <td>0</td>  
                <td>3</td>  
            </tr>  
        </table>