Изменить имя тега элемента Mootools

Question

В конце я ооочень много постов и примеров Fiddle о том, как изменить имя тега всех элементов на странице с помощью Jquery, но НЕТ - с помощью mootools.Есть ли способ сделать это?Мне нужно преобразовать все tr в div, не в состоянии изменить HTML-страницу фактической страницы, должны сделать это с помощью Moo.Пожалуйста, помогите.

У меня есть 15 tr в div, сумасшедший, да!

<div id="mydiv">
<tr></tr>
<tr></tr>
...
</div>

Мне нужно преобразовать их в div, но держать все атрибуты и html в пределах tr в такте.Пожалуйста помоги!Спасибо!

Answer 1

Замена элементов в mootools проста, если разметка не является недействительной, как указано выше.

http://jsfiddle.net/dimitar/4WatG/1/

document.getElements("#mydiv span").each(function(el) {
     new Element("div", {
        html: el.get("html")
    }).replaces(el);
});

это заменит все промежутки для дивов в разметке выше (используйте промежутки вместо trs).

как указано выше, http://jsfiddle.net/dimitar/4WatG/ -> firefox удаляет неверную разметку TR, не являющуюся дочерним элементом таблицы, что затрудняет нацеливание.

Answer 2

Я просто собираюсь оставить это плавающим здесь.

Element.implement({'swapTagName': function(newTagName) {
    return new Element(newTagName, {html: this.get('html')}).replaces(this);
}});

Использование:

//cleaning HTML3.2 like it's 2012
target.getElements('font[size=5pt],b').swapTagName('h2').addClass('header_paragraphs');
target.getElements('font').swapTagName('p');