求高手，希望这句代码【$L("#myid").innerHTML="开始";】等同于document.getElementById("myid")如何实现

wonota 2017-01-16 10:01:49





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>



<body>



<div id="myid">asdfg</div>

 

<script type="text/javascript">

var $L = function (id){

    return new $L.fn.init(id);

}

$L.fn = $L.prototype;

$L.fn.init = function (id){

    var re = new RegExp("#(\\w+)","i");

    var result = re.test(id);

    this.xid = document.getElementById(RegExp.$1);



}

$L.fn.init.prototype = $L.fn;

 

$L.fn.click_L = function(cl){

    this.xid.onclick =cl;

    return this;

};



 

$L("#myid").click_L(function() {

    alert("ok");

});

$L("#myid").innerHTML="开始";

</script>

</body>

</html>

希望修改上面这段代码

让这句代码【$L("#myid").innerHTML="开始";】等同于document.getElementById("myid")="开始";如何实现

...全文

224 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

wonota 2017-01-18

打赏
举报

谢谢楼上的各位

囧 2017-01-17

打赏
举报

IE9以下不支持


var $L = function (id){
    return new $L.fn.init(id);
}
$L.prototype = {
	get innerHTML(){
		return this.xid.innerHTML;
	},
	set	innerHTML(value){
		this.xid.innerHTML = value;
	}
};
$L.fn = $L.prototype;
$L.fn.init = function (id){
    var re = new RegExp("#(\\w+)","i");
    var result = re.test(id);
    this.xid = document.getElementById(RegExp.$1);
 
}
$L.fn.init.prototype = $L.fn;
  
$L.fn.click_L = function(cl){
    this.xid.onclick =cl;
    return this;
};
 
$L("#myid").click_L(function() {
    alert("ok");
});
$L("#myid").innerHTML="开始";