js基础 - this传值示例

示例1

<!-- html -->
<input type="text" onfocus="setStyle(this.id)" id="phone" />

// js
function setStyle(eleId) {
	document.getElementById(eleId).style.background = 'yellow';
}

示例2

<!-- html -->
<input id="password" value="******" onblur="getEleInfo(this)" />

// js
var getEleInfo = function(obj) {  
	var objId = obj.id;
	var objValue = obj.value;
	
	console.log(objId, objValue);
}

// jquery写法
var getEleInfo = function(obj) { 
	var objId = $(obj).attr('id');
	var objValue = $(obj).val();
	
	console.log(objId, objValue);
}

示例3 也可以改变一下思路 传自己的ID进去

<!-- html -->
<input id="user-name" value="3" onblur="go('user-name')" />

// js
var go = function(id) {
	var obj = document.getElementById('id');
	
	console.log(obj);
}