带有动态内容的弹出窗口

Question

这就是我想要实现的目标：我希望在点击网页上的任何网页元素后立即显示一个弹出窗口。弹出窗口应该能够列出与元素相关联的每个属性（名称，id，类名，css，xpath）作为单选按钮。我有一种格式来定义属性需要显示的顺序。因此，如果未定义元素的任何属性，我希望将其留空。

我有Java代码，其中嵌入了Javascript来完成这项工作。以下是代码的一部分：

public String createHTMLForInputTag()
{
   String temp = "";
   temp += "{ ";
   temp += "   var x = document.getElementsByTagName('input');";
   temp += "   var i = 0;";
   temp += "   for (var i=0; i<x.length; i++)";
   temp += "   {";
   temp += "      x[i].title = x[i].name;";
   temp += "      x[i].onclick = function()";
   temp += "      {";
   temp += "          var previousStyle = this.style.getAttribute('cssText');";
   temp += "          this.style.setAttribute('cssText', 'color: yellow; border: 2px solid yellow');";
   temp += "          var temp5;";
   temp += "          var temp1 = window.clipboardData.getData('Text');";
   temp += "          temp1 = 'Name : ' + this.name;";
   temp += "          var temp2 = window.clipboardData.getData('Text');";
   temp += "          temp2 = 'Type : ' + this.type;";
           //code continues...
}

我现在可以做的事情：检索元素的属性并将其粘贴到剪贴板。但是属性会粘贴在一行中，如下面引用的示例所示： 名称：qType：textID：类名：lst

我需要帮助： 1.将每个属性粘贴到新行上的方法 2.将属性动态推送到弹出窗口的方法

任何帮助表示赞赏！谢谢！