前端之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详解

上一篇:[js高手之路] html5 canvas系列教程 - 状态详解(save与restore)


下一篇:HFSS仿真小例