如何通过鼠标单击捕获HTML代码中的标记元素

Question

在某些网站中，有一些输入表单和提交按钮可以处理GET或POST方法，如：

<form method="GET" action="/index.php">
  <input type="HIDDEN" name="mode" value="search">
  <input type="TEXT" name="term" value=""> <input type="SUBMIT" value="Search">
</form>

在这里，我想在我的Web应用程序中创建一个函数，就像在FireBug中的函数一样：当我将鼠标移动到此输入表单并单击时，应用程序可以显示html代码的哪个部分。 例如：如果我将鼠标移动到输入表单并单击原始网页，我可以看到我的应用程序中显示的结果：<input type="TEXT" name="term" value="">

无论我需要使用哪种语言或框架，我只想将此结果显示在Web应用程序上，可能是另一个网页。

Answer 1

我也是Javascript的新生，但我的代码可以提供帮助.. 您应该了解this这里的关键字this tutorial

我创建了这个简单的函数，它为您提供了所有输入文本字段的代码，您可以将这个函数用于所有输入字段。

http://jsbin.com/AjiQAMo/2/watch?html,js,output