当前位置：文江博客话题详情

如何在javascript中获取该元素的innerHTML？

发布于 2024-12-08 14:43:51 字数 130 浏览 1 评论 0原文

很简单的问题。我有一个元素（标签），它有一个 onclick 来调用 JavaScript 函数。除此之外，我希望这个函数能够回显调用它的元素的innerHTML。因此，在这种情况下，atag 的innerHTML。

我该怎么做？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

思念绕指尖 2024-12-15 14:43:51

<element onClick="alert(this.innerHTML);"> ... </element>

<element onClick="alert(this.innerHTML);"> ... </element>

回复收藏 0 原文

小苏打饼 2024-12-15 14:43:51

标记：

<element id="foo"> ... </element>

js:

document.getElementById('foo').addEventListener('click', fn);

function fn(){ alert(this.innerHTML); }

http://jsfiddle.net/g7Bau/2/

这里需要注意的重要事项本质上回答了你的问题，事件监听器在调用时已将 this 绑定到导致事件触发的 DOM 节点。所以我们可以在函数中使用 this 并且它是通用的。您可以添加另一个元素，并使用 fn 绑定一个点击侦听器，并且一个函数适用于这两个元素。

markup:

<element id="foo"> ... </element>

js:

document.getElementById('foo').addEventListener('click', fn);

function fn(){ alert(this.innerHTML); }

http://jsfiddle.net/g7Bau/2/

The important thing to note here, which essentially answers your question, is that the event listener when called has binds this to the DOM node that caused the event to fire. So we can use this in the function and it's generic. You could add another element, and bind a click listener also using fn and the one function would work for both elements.

回复收藏 0 原文

~没有更多了~