DOMから一意のIDを削除する

Question

私は、かなりファンキーなモーダルボックスが実装されているサイトで作業しています。現在、新しいものを実装するための範囲外です。それが動作する方法は、それがユニークなIDが割り当てられている新しいモーダルウィンドウが作成されるたびに..です例えば

<div id="window_1308937649703" class="dialog"> 

閉じるボタンのようなonclickの持つウィンドウを閉じるには：

onclick='Windows.close("window_1308937649703", event)' 

Iを別のクリックイベントからウィンドウを破壊しようとしていますが、これを達成する最良の方法が何であるかはわかりません。私は、関連する一意の#window_idを取得するためにダイアログクラスを使用できると考えています。 getElementsByClassName（ 'dialog'）に使用できるjavascriptがあり、それをDOMから完全に削除できますか？私はプロトタイプライブラリを持っていますが、もしそれが助けになるのであれば、一緒に作業してください。私は実際のモーダルスクリプトを理解することはできませんので、何らかの回避策を期待しています。

Answer 1

はば完全にDOMの使用からダイアログを削除するには：

function removeNodeByID (nodeId){ 
    var node = document.getElementById(nodeId); 
    node.parentElement.removeChild(node); 
}; 

onclick="removeNodeById('window_1308937649703')" 

あなたがちょうどあなたが質問に盗ん可能性が言及したダイアログのIDが必要になり、このよう

で。

Answer 2

生のJavaScriptでgetElementsByClassName()（自分でローリングを除く）を再作成することはあまりありませんが、Prototypeにはこれにはいくつかの良い点がありますがfunctionalityです。

もう1つのアプローチ：閉じるボタンには一般的なIDがありますか？その場合、プラグインを追加できたら（これはPrototypeを使用したことはありません）、このthreadを見ると、選択したクローズボタンでクリックイベントをトリガーする方法を知ることができます。あなたはプロトタイプを持っているとして

Answer 3

あなたは単に使用できます。

$$('.dialog').first().remove(); 

をまた、あなたはプロトタイプを使用している場合、あなたはおそらくのonClickを避け、代わりにイベントオブザーバー使用する必要があります。

<button id="dialogremover">Remove</button> 
<script type="text/javascript"> 
$('dialogremover').observe('click', function(ev) { 
    ev.stop(); 
    $$('.dialog').first().remove(); 
}); 
</script> 

これは持っているが2つのメリット：

• 目がはるかに簡単です！
• JSを外部スクリプトに入れてHTMLをクリーンアップすることは可能です。