document.writeなしで所定の位置に挿入します

私たちはこのようなオールドクールの厄介さから行くことができます：

document.write('<p >Here is some syndicated content.</p>');

このような現代の愛らしさに：

var newcontent = document.createElement('p');
newcontent.id = 'syndicated-content';
newcontent.appendChild(document.createTextNode('Here is some syndicated content.'));

var scr = document.getElementById('syndication');
scr.parentNode.insertBefore(newcontent, scr);

さらに一歩進んで<script> IDを削除することもできますが、その場合、特定の要素を識別するための具体的な方法が必要になります。 SRCを知ることでそれを行うことができます： </script>

var scripts = document.getElementsByTagName('script');
for(var i=0; i<scripts.length; i++)
{
    if(scripts[i].src == 'http://www.mydomain.com/syndication.js')
    {
        //scripts[i] is the one

        break;
    }
}

そして、あなたはそれを持っています - コンテンツを配置し、document.writeの必要性の最後の痕跡を削除するシンプルでエレガントな方法があります！

document.writeの代替案に関するよくある質問（FAQ）

javascriptでdocument.writeを使用することの主な問題は何ですか？

document.write in javascriptの使用は、いくつかの理由により落胆することがよくあります。まず、スクリプトの実行が完了するまでHTMLドキュメントの解析をブロックするため、パフォーマンスの問題につながる可能性があります。第二に、スクリプトの非同期負荷に問題を引き起こす可能性があります。最後に、特にドキュメントが完全にロードされた後に使用される場合、ドキュメントの状態の問題につながる可能性があります。したがって、document.writeの代替案を使用することをお勧めします。これらには、AppendChildとともにinnerhtml、textcontent、またはcreateElementの使用が含まれます。これらの方法はより効率的であり、HTML解析プロセスをブロックしません。また、新しいコンテンツがドキュメントに挿入される場所と方法をより適切に制御できます。 document.writeの代替として使用するには、要素を選択して、そのinnerhtmlプロパティを目的のHTML文字列に設定できます。たとえば、

document.getElementById（ 'myElement'）。innerhtml = '

new Content

';

document.write.write？

textcontentを使用するにはどうすればよいですか。 document.writeの代替として使用するには、要素を選択して、そのテキストコンテンツプロパティを目的のテキストに設定できます。たとえば、

document.getElementById（ 'myElement'）。textContent = 'new content';

createElementとappendChildをdocument.writeの代替として使用するにはどうすればよいですか？

createElementは、新しい要素を作成するために使用できる方法であり、appendChildは親ノードに子ノードを追加するために使用できる方法です。それらをdocument.writeの代替として使用するには、新しい要素を作成し、コンテンツを設定してから、目的の親要素に追加できます。たとえば、

var newElement = document.createElement（ 'p'）;
newElement.textContent = 'new Content';
document.getElementByID（ 'myElement'）。 document.writeの代替案。これらには、InsertAdjacenthtml、InterseBefore、および交換が含まれます。これらの方法は、新しいコンテンツがドキュメントに挿入される場所と方法に関してより柔軟性を提供します。これらには、.html（）、.text（）、および.append（）が含まれます。これらの方法は、JavaScriptのカウンターパートに似ていますが、より便利で強力な構文を提供します。これらには、パフォーマンスの改善、ドキュメントの構造のより良い制御、最新のWeb開発慣行との互換性が含まれます。また、コードを読みやすく維持しやすくなります。

最新のWeb開発でdocument.writeを使用できますか？

document. document.writeを使用することは技術的には可能ですが、前述の問題のために一般的に落胆します代わりに、ドキュメントのコンテンツを操作するためのより効率的で柔軟な方法を提供するため、代わりに代わりに使用することをお勧めします。これらには、Web開発チュートリアル、オンラインコース、JavaScriptとJQueryに関するドキュメントが含まれます。また、Stack OverflowやCodeProjectなどのWebサイトで記事やディスカッションを確認することもできます。

以上がdocument.writeなしで所定の位置に挿入しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。