当幸福来敲门

我就会牢牢抓住！
随笔 - 50, 文章 - 3, 评论 - 8, 引用 - 0
数据加载中……

HTML标签学习

不用jquery实现$.val(), $.html(), $.css(), $.attr()

jquery写久了，发现val, html,attr, 和css这些函数非常的实用，但是没有jquery的环境呢？可以使用以下代码来分别代替。

Code: $("#id1").val();
$("#id1").val("test");

对应为

document.getElementById("id1").value;
document.getElementById("id1").value = "test";

 

Code: $("#id1").html();
$("#id1").html("test");
$("#id1").append("test");

对应为

document.getElementById("id1").innerHTML;
document.getElementById("id1").innerHTML = "test";
document.getElementById("id1").innerHTML += "test";

 

Code: $("#id1").css("background","green");

对应为

document.getElementById("id1").style.background = "green";

 

Code: $("#id1").attr('onclick','alert(1);');

对应为

document.getElementById("id1").setAttribute('onclick','alert(1);');

posted on 2011-12-08 14:48 wyx 阅读(181) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。
网站导航: