Как удалить тег не удаляя его содержимое?
Исходный код:
<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>, чтобы его внутренности остались. |
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>
|
<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_,
ну не любит ie когда переменная с id совпадает "button" не определено |
<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>
|
devote, почти как у меня :) Только с "firstChild" изящней смотрится)
рони, для примера пойдет :) |
nerv_,
и никто никогда не использует elem.hasChildNodes():) |
Цитата:
|
Hurray,
Цитата:
http://specs.operafan.net/css2.1RU/C...hild-selectors |
| Часовой пояс GMT +3, время: 12:11. |