触发onclick事件获取当前元素各个属性参数 编辑

HTML代码：

点击我

  自动生成元素的onclick事件
event.target返回触发事件的元素
event.currentTarget返回绑定事件的元素

JAVASCRIPT代码：

function test(){
    var is=event.currentTarget;
    console.log($(is)); //获取当前元素，类同this
    console.log(event.target);  //返回绑定事件的元素

    console.log(event.target.nodeName 　)　 //获取事件触发元素标签name 
    console.log(event.target.className　)　  //获取事件触发元素classname
    console.log(event.target.innerHTML)　　  //获取事件触发元素的内容
    console.log(event.target.id)　//获取事件触发元素id

    console.log(event.currentTarget.nodeName 　)　 //获取事件绑定元素标签name 
    console.log(event.currentTarget.className　)　  //获取事件绑定元素classname
    console.log(event.currentTarget.innerHTML)　　  //获取事件绑定元素的内容
    console.log(event.currentTarget.id)　//获取事件绑定元素id
    }					    
						    
//var arr = '你好世界';
//var oDiv = document.getElementsByTagName('div')[0]; oDiv.innerHTML = arr;
//document.write(result);	
//alert('你好\n世界');
//confirm('你确定提交吗？');
//prompt('请输入您的名字');
//console.log('你好世界');//配合F12使用

CSS代码：