3

javascriptを取得して、javascriptコードがある場所にhtmlを出力することは可能ですか？

例えば

<html>
<head>
<title>
</title>
</head>
<body>
<div>header</div>
<div>main

<script type="text/javascript" language="javascript">
// print some html here, maybe <a href="http://www.google.com">google</a>
</script>

</div>
<div>footer</div>

</body>
</html>

最終結果は次のようになります。

<html>
<head>
<title>
</title>
</head>
<body>
<div>header</div>
<div>main<a href="http://www.google.com">google</a></div>
</script>

</div>
<div>footer</div>

</body>
</html>

含まれているdivとidを指定してから、javascriptにアンカーテイクを挿入させることができることは理解していますが、javascriptがどこにあるかを正確にHTMLで記述する場合のように、これを直接実行できるかどうかを知りたいだけです。

4

2 に答える 2

5

そのために使用document.write('YOUR_TEXT')する

<script type="text/javascript" language="javascript">
    document.write('<a href="http://www.google.com">google</a>') 
</script>

jsFiddleデモ

于 2012-06-21T13:15:28.000 に答える
2

はい、微妙な違いはたくさんありますが、呼び出し元の要素document.writeの直後にその内容を出力します。script

警告：domが書き込みのために閉じられると、document.writeはDOMを消去します。関数を非同期で呼び出す必要がある場合は、DOM操作を行う必要があります。そうしないと、出力されるはずの関数ですべてdocument.writeが書き換えられます。これは意図しない結果につながります。そのため、多くの場合、推奨されません。

于 2012-06-21T13:16:06.940 に答える