例えば以下の様な関数を作って
javascript
1function hoge() { 2}
これをHTMLファイル内のi<div d="koko"></div>というところへ書き出したいとき。
HTml
1<div id="koko"></div>この中へ出力したい
初歩的で申し訳ないのですが、どのような記述をしたら<div>タグの中に書けるでしょうか?
ご教授下さいませ。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答5件
0
すみません、質問を誤解していました。
関数の結果をdivの中に書き出したいのではなくて
function hoge(){ }
という文字列をHTMLとして書き出したいという事でしょうか。
普通に
ということであれば
<div id="koko"> <pre> function hoge() { } </pre> </div>
という感じで<pre>タグを使って記述します。
投稿2015/08/22 07:25
総合スコア18709
0
キーワードとしては、javasctip DOM 操作
の
replace関数
のあたりにそのものずばりな内容があります。
投稿2015/08/22 04:43
総合スコア18709
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/22 08:07
2015/08/22 08:26
0
えー。document.writeは過去の遺産です。こう言っちゃあれですがちゃんと勉強してからその言語を使うべきです。
まず、HTMLやXMLの文章構造はDOM、ドキュメントオブジェクトツリーという概念をもって抽象化されます。難しい話ですが、要するにすべての「タグ」「テキスト」は「ノード」という概念に置き換えられます。んで、EcmaScriptではこの「ノード」について操作を行います。それをノードのツリーとして解釈してるんだから当たり前です。
んで、具体的にはこうします。
document.getElementbyId("ID").appendChild(document.createTextNode("TEXT"));
まずdocument.getElementByIDで求める「ノードオブジェクト」を得ます。んで、ここで得られるのは「タグ(div)」を表現するオブジェクトですが、このようにタグを表現する「ノードオブジェクト」を「エレメントオブジェクト」と言います。んで「ブロックタグー子タグを持ちうるタグ」を表現するすべてのエレメントノードはappendChildメソッドを持ちます。んでこのメソッドはその「ノード」の下に「子ノード」を追加します。
んでdocument.createTextNodeは新たに「テキストノードオブジェクト」をメモリ上に生成するコンストラクタ関数です。「テキストノード」とは、マークアップ言語中の「マークアップされたー文章本体」を表現するノード・オブジェクトで、すべてのあなたが読んでいるHTLM文章中の、あなたに読まれるべき文章本体はすべてブラウザ上の抽象化されたメモリ構造上では「テキストノード」として扱われているはずです。んで、「テキストノード」とはやはり「ノード」オブジェクトですので、任意の「ノードオブジェクト」の「子ノード」になり得ます。と、いうことでこの生成された「テキストノード」がappendchildによって検索されたDIVの子ノードとなり、結果そのようにテキストが表示されることになります。
初学者用にさらっと書きましたから細かいレベルにおいてはいささか曖昧さが残ってますが、まあ問題になりません。もしこの文章があなたに難しく感じられたとすればそれはあなたがJSをまともに使うに足るだけの知識を有していないという事ですから分厚い書籍を以って勉強し直すべきでしょう。私はおいラリーの本で勉強しましたよ。
投稿2015/08/22 17:55
総合スコア40
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/23 14:51
2015/08/23 19:46
0
ベストアンサー
質問の意図が理解出来ました。
題名の通りなのを誤解していました。
javascriptのHTML中での呼び出し方は以下の様な形になります。
*カレンダーはうまく表示されなかったので、問題を簡単にするためにtestと表示するだけの関数に変更してあります。
*HTMLに誤りがある場合など、表示が上手くいかないと確認が出来ないので
http://www.ipentec.com/document/document.aspx?page=javascript-view-source-output-by-javascript
にあるような方法で確認しながら開発するとスムーズにいきます。
HTML
1<html> 2<head> 3<script type="text/javascript"> 4function hoge() { 5document.write("test"); 6} 7</script> 8 9</head> 10<body> 11<div id="koko"> 12<script type="text/javascript"> 13 hoge(); 14</script> 15</div> 16</body> 17</html>
参考になりそうなURL
http://www.openspc2.org/JavaScript/study/script.html
キーワード html javascript 関数 呼び出し
投稿2015/08/22 09:51
総合スコア18709
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/22 10:31
2015/08/23 14:49
0
javascript
1function _a(){ 2 console.log(1); 3} 4_a.toString();
コンソールでご確認ください。
以下は一例ですが
javascript
1function hoge(){ 2 console.log(1); 3} 4document.getElementById("koko").innerHTML=hoge.toString();
投稿2015/08/22 07:25
編集2015/08/22 16:05総合スコア730
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/23 14:53
2015/08/23 16:08
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/22 07:35