javascript - 突然忘记这个怎么写了:单元格点击高亮后,然后点击下面的按钮,把高亮部分里面的内容弹出来
伊谢尔伦
伊谢尔伦 2017-04-10 17:26:35
[JavaScript讨论组]
  • 问题:单元格点击高亮后,然后点击下面的按钮,把高亮部分里面的内容弹出来

  • HTML代码

<body>
<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
        <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
        <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table> 
<button id="button">选好了,点击弹出</button>
</body>
  • JS代码

<script>
window.onload = function(){
    var aTable = document.getElementsByTagName("table")[0];
    var aTd = aTable.getElementsByTagName("td");
    var oBtn = document.getElementById("button");

    //高亮
    for(var i=0; i<aTd.length; i++){
        aTd[i].onclick = function(){            
            if(this.className){
                this.className = "";
            }else{
                this.className = "actbg";
            }
        }
    }

    //点击按钮
    oBtn.onclick = function () {
        //....
    }
}
</script>
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号