前端之js的常用用法

js生成标签

// 将标签添加到i1里面
var tag = document.createElement('input');
tag.setAttribute('type', 'text');
tag.style.fontSize = '16px'
tag.style.color = 'red';

点击已删除按钮会出现已删除的字样，5秒后消失

<input type="button" value="删除" onclick="DeleteEle();" />

<script>
    function  DeleteEle(){
        document.getElementById('status').innerText = "已删除";
        setTimeout(function () {
                document.getElementById('status').innerText = "";
        }, 5000);
    }

this用法

<script>
    var myTrs = document.getElementsByTagName("tr");
    var len = myTrs.length;
    for(var i=0;i<len;i++){
        // i=0,i=1,i=2
        myTrs[i].onmouseover = function(){
             this.style.backgroundColor = "red";
        };
<script>

this指代的是“调用函数的那个对象”
点击查看：this详解