在onclick、onblur中使用this

像onclick、onblur这种直接写在标签中的事件，该如何使用this？

我们一般使用this，会首先获取到相对应的dom对象，比如document.getElementById(),或者用jquery的方法$()来获取，然后进行相应的操作。
如果说咱们没有获取相应的dom对象，那么this就代表的是全局对象window。

那如果说是函数作为对象的方法调用，就会是另一个样子，咱们来看个例子：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>this指向</title>
</head>
<body>
	<p id="test">这是一个测试</p>
</body>
</html>
<script type="text/javascript">
	function textThis(){
		console.log(this.innerHTML);
	}
	window.onload = function(){
		var textId = document.getElementById("test");
		textId.showText = textThis;		//将textThis这个方法赋值给textId.showText（showText是自己定义的）
		textId.showText();				//现在等同于在调用textThis这个方法
	}
</script>

咱们看看实际效果图：
在onclick、onblur中使用this
这里大家就可以看出来this的指向就是咱们的p标签了。
那么回到主题，直接在onclick中怎么加呢？其实这个就更简单了，一起来看一下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>this指向</title>
</head>
<body>
	<p id="test" onclick="textThis(this.innerHTML)">这是一个测试</p>
</body>
</html>
<script type="text/javascript">
	
	function textThis(str){
		console.log(str);
	}
</script>

咱们在原来的基础上做一下修改，然后可以看到，效果是一样的：

在onclick、onblur中使用this
在新的代码里面，this.innerHTML就是p标签的内容，this就是指的这个对象。