Javascript YUI在每个输入中创建div[type=text]

嗨~请原谅我的无知， 我是新来的。 我想在每个输入文本框中创建一个清除按钮。 因此，我的尝试是创建一个div并附加到每个输入文本。 然而我的尝试失败了

请您在这里指导我下面尝试的代码

提前谢谢

YUI().use("node", function(Y) {
     Y.all('input[type=text]').each(function(node) {

         var outerDiv = Y.Node.create('<div class="clrInput">X</div>');
          outerDiv.setStyles({
                position:  absolute,
                left: node.get('offsetLeft')+this.get('width')-10,
                top: node.get('offsetTop'),
                width:node.get('width'),
                height:node.get('height')
        })

         node.appendTo(outerDiv);
      });
   });

---

之所以看不到任何东西，是因为outerDiv永远不会成为DOM的一部分。它被创建，并且输入节点被附加到它，但是outerDiv本身从未被添加到DOM中

node.appendTo(outerDiv);
Y.one('body').append(outerDiv);

---

我们应该解决这个问题。退房。

非常感谢！：D我想我现在只需要在css工作