从Prototype中的HTML字符串创建HTML元素对象

Question

我正在创建Magento中使用的自定义验证函数，并且传递了2个参数来回调：v - field的值，element - 验证的元素。我的问题是这个HTML元素是字符串，我不能使用Prototype来创建JavaScript对象，就像我使用jQuery时一样：

var element = '<input type="text" value="ABC" name="some_name" class="class1 class2" />';
console.log(jQuery(element));

如何使用Prototype获得相同的结果？

Answer 1

如果您的字符串是HTML并且想要一个HTMLElement对象，那么这将起作用

var element = '<input type="text" value="ABC" name="some_name" class="class1 class2" />';
var $element = new Element('div').update(element).down('input');
//change the down() method to the appropriate CSS selector

如果您需要从长串HTML

中选择特定元素，这也很有用

var element = '<div id="div1"><input type="text" value="ABC" name="some_name" class="class1 class2" /></div><div id="div2"><span>Valuable text</span></div>';
var $element = new Element('div').update(element).down('div2 span');