this的应用

Posted 琳家小美

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了this的应用相关的知识，希望对你有一定的参考价值。

技术分享 
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            li {
                list-style: none;
                width: 114px;
                height: 140px;
                background: url(img/normal.png);
                float: left;
                margin-right: 20px;
            }
        </style>
        <script>
            window.onload = function() {
                var oLi = document.getElementsByTagName(‘li‘);
                for(var i = 0; i < oLi.length; i++) {
                    oLi[i].onOff = true;
                    oLi[i].onclick = function() {
                        if(this.onOff) {
                            this.style.background = ‘url(img/active.png)‘;
                            this.onOff = false;
                        } else {
                            this.style.background = ‘url(img/normal.png)‘;
                            this.onOff = true;
                        }
                    }
                }
            }
        </script>
    </head>

    <body>
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>

</html>
示例代码

 

以上是关于this的应用的主要内容，如果未能解决你的问题，请参考以下文章

vue2.0 代码功能片段

11．按要求编写Java应用程序。 创建一个叫做机动车的类： 属性：车牌号(String)，车速(int)，载重量(double) 功能：加速(车速自增)减速(车速自减)修改车牌号，查询车的(代码片段

ngx-translate实现国际化：this.translate.use()this.translate.get()this.translate.instant()onLangChange(代码片段

在 webview_flutter 中启用捏合和缩放，在哪里添加代码片段 [this.webView.getSettings().setBuiltInZoomControls(true);]

在片段java类中使用“this”和getLastSignedInAccount时出现错误[重复]

Discuz代码片段