javascript的html事件中this的问题

html-css010

javascript的html事件中this的问题,第1张

this是指本元素

每一个HTML标签,都会在DOM树下产生一个元素节点,这个this是写在哪个标签内,那么show函数里面的参数就是哪个标签所产生的元素的id,如

<input type="button" id="我是button1" onclick="alert(this.id)" value="按我测试"/>

<input type="button" id="我是button2" onclick="alert(this.id)" value="按我测试"/>

方法一:直接在标签元素上添加

方法二:是通过js来添加

如图:

介绍:

HTML(Hyper Text Mark-up Language )即超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

这样,你只要使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。

HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息,主体包含所要说明的具体内容。

this 在dom里写 onclick="demo()" 和 document.getElementById("bButton").onclick = demo

意义不一样。

你alert一下this就知道了,A触发的this是demo这个方法本身。B触发的this才是B

写在dom里的方法其实相当于

document.getElementById("aButton").onclick = function(){ demo()}