Форум

Hurray · #1 (**permalink**) 16.05.2014, 20:23

Исходный код:

<form>
	<font class="tablebodytext">
		<p>текст</p>
		<input type="submit" value="Оплатить" name="BuyButton">
	</font>
<form>

Нужно получить:

<form>
	<p>текст</p>
	<input type="submit" value="Оплатить" name="BuyButton">
<form>

,то есть удалить только тег <font>, чтобы его внутренности остались.

рони · #2 (**permalink**) 16.05.2014, 20:35

Hurray,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
   $(function ()
{
    $(".tablebodytext >").unwrap()
    alert($('body').html())
})
  </script>
</head>

<body>
<form>
	<font class="tablebodytext">
		<p>текст</p>
		<input type="submit" value="Оплатить" name="BuyButton">
	</font>
</form>


</body>

</html>

Vlasenko Fedor · #3 (**permalink**) 16.05.2014, 23:18

<form>
  <font class="tablebodytext">
    <p>текст</p>
    <input type="submit" value="Оплатить" name="BuyButton">
  </font>
</form>
<script>
  window.onload = function () {
    var allfont = document.querySelectorAll("font.tablebodytext");
    var len = allfont.length;
    var el = null;
    if (len) {
      while (len--) {
        el = allfont[len];
        el.outerHTML = el.innerHTML;
      }
    }
  }
</script>

nerv_ · #4 (**permalink**) 17.05.2014, 01:41

вариант http://learn.javascript.ru/play/9NuHy

рони · #5 (**permalink**) 17.05.2014, 02:05

nerv_,
ну не любит ie когда переменная с id совпадает
"button" не определено

devote · #6 (**permalink**) 17.05.2014, 09:28

<form>
    <font class="tablebodytext">
        <p>текст</p>
        <input type="submit" value="Оплатить" name="BuyButton">
    </font>
<form>
<script type="text/javascript">
  document.querySelector('input[name="BuyButton"]').addEventListener('click', function(e) {
    alert('Worked: ' + document.body.innerHTML);
    e.preventDefault();
  }, false);

  // что бы не потерять привязку событий
  // элементы нужно перемещать
  // самый наипростейший вариант на чистом JS

  // ищем элемент font
  var font = document.querySelector('font');

  // перемещаем все из него
  while(font.firstChild) {
    // вставляем перед элементом font
    font.parentNode.insertBefore(font.firstChild, font);
  }
  // удаляем пустой элемент font
  font.parentNode.removeChild(font);
</script>