+ JavaScript の質問用スレッド vol.33 +

タグの中身ではなく、特定のタグ自体を消すことってできますか？
例えば、DIVのidがbのタグだけ消すとか。

<div id="a">foo<div id="b">baa</div></div>
↓
<div id="a">foobaa</div>

target = document.getElementById("b");
target.parentNode.removeChild(target);

それじゃ要素が消える

>>938
そんなタグなら消すというより<!で置き換えておしまい！

>>938
var x = document.getElementById('b');
x.parentNode.replaceChild(x.firstChild, x);

>939
レスありがとうございます。
removeChildだと<div id="a">foo</div>になりますよね？
そうではなく、<div id="a">foobaa</div>としたいっす。

つうか、baaってなんだ。。。barだろうがorz

target = document.getElementById("b");
string = target.childNodes[0].cloneNode();
myParent = target.parentNode;
myParent.insertBefore(string,target);
myParent.removeChild(target);

こんなかんじ？

あー、すまん、読み間違えてた。
それじゃ
var target = document.getElementById("b");
var content = document.createDocumentFragment();
while (target.hasChildNodes()) {
　content.appendChild(target.firstChild);
}
target.parentElement.replaceChild(content, target);
だな。

さらに訂正。>>945の最後の行はparentElementではなくparentNodeだな。IEならどっちでも動くが。
まあ他の人もいろいろ書いてるし好きなようにしてくれや。

恥ずかしい…… レス番号100もずれてた……

>944
SUGEEE。
消したいタグの中に子供がいたときを考慮して
こんな感じで逝きたいと思います。

target = document.getElementById("b");
myParent = target.parentNode;
myParent.insertBefore(document.createTextNode(target.innerHTML),target);
myParent.removeChild(target);

>>938
/*@cc_on @if (@_jscript) b.removeNode(); @else@*/ 省略 /*@end@*/

>>948 おしい。
3行目: while (myParent.hasChildNodes()) myParent.insertBefore( target.firstChild, target);

>>950 さらにおしい。
3行目: while (target.hasChildNodes()) myParent.insertBefore( target.firstChild, target);