いくつかの検証ので書き込む前に、彼らはJSを書くために使用されるので、非常に便利されていないメッセージボックスの一部の呼び出しの成功または失敗した後に使用されますが、より多くの適切な感のあるフレーム内のコンポーネントのいくつかを見つける見つけることができませんでした次のように単純なメッセージボックス、コードは次のとおりです。
VAR appendHTML = 関数(EL、HTML){ VAR divTemp =のdocument.createElement( "DIV")、ノード= NULL // 文書フラグメント、使い捨てアペンド、パフォーマンスを向上させるために 、断片= document.createDocumentFragment(); divTemp.innerHTML = HTML ; ノード = divTemp.childNodes; のため(varは ; I <長さ+ = I. 1私は長さ= nodes.length、0 = {) fragment.appendChild(ノード[I] .cloneNode(真の)); } el.appendChild(断片); // これは、このよう次世界はもっときれいになると言われている ノード= nullの。 断片= NULL ; }。 関数showMessage(メッセージ、タイプ、時間){ せSTR = '' スイッチ(タイプ){ ケース '成功' : STR =「<DIV CLASS = "成功メッセージ"スタイル= "幅:300ピクセル、高さ40ピクセル、テキストベース整列:センター;背景色:#1 daf5eb ;;色:RGBA(59,128,58,0.7);位置:固定;左:50%;上部:30%;変換:変換(-50%、 - 50%)。行の高さ:40ピクセル、境界半径:5pxの; Zインデックス:9999" > \ n」+ '<スパンクラス= "MES-テキスト">' +メッセージ+ '</スパン> </ div>' 破ります。 ケース「エラー」: =「<DIV CLASS = "エラーメッセージ"スタイル= "幅:300ピクセル、高さ40ピクセル、テキスト整列:センター;背景色:#f5f0e5;色:RGBA(238,99,99,0.8);位置:固定された左:50%;上部:30%;変換:(-50%、 - 50%)変換、行の高さ:40ピクセル、境界半径:5pxの;; Zインデックス:9999" > \ n '+ ' <スパンクラス= "MES-テキスト"> '+メッセージ+' </スパン> </ div>」 } appendHTML(document.querySelector( 'ボディ' )、STR)。 setTimeout(関数(){ document.querySelector( 'ボディ')のremoveChild(document.querySelector(+タイプ+ ' -メッセージ''' )); }