
google mapをサイト内にとりこめると知って、
挑戦しています。
一応、googleのサイトにあったjavascriptを埋め込んで、
表示できるようになりました。
その中に、
document.createTextNode("~~~~~~~"));
というのがありまして、
~~~のところに文字を入れると、
googleマップに吹き出しが出てメッセージが出るようになります。
~~~の部分が長文になると、吹き出しが横に長くなってしまいます。
改行したいのですが、どうしたらよいのでしょうか?
No.2ベストアンサー
- 回答日時:
そのコードを見てみないことには正確に言えませんが、とりあえず。
createTextNodeメソッドはテキストノードを作るメソッドなので、そこで改行を宣言することは出来ません。
改行を宣言するには createElement() でbr要素ノードを作ってください。
NG:
document.body.appendChild(document.createTextNode("test\ntest"));
OK:
var node = [document.createTextNode('test'),document.createElement('br'),document.createTextNode('test')];
for(var i=0,max=node.length;i<max;i++){
document.body.appendChild(node[i]);
}
「JavaScript DOM」で検索すると関連情報が見つかります。
HTMLの予備知識があればDOMは比較的理解しやすいと思います。
document.createElement - 指定タグでのエレメント作成 - JavaScriptリファレンス
http://javascriptist.net/ref/document.createElem …
JavaScript : createTextNode
http://www.openspc2.org/JavaScript/reference4/DO …
element.appendChild - 指定要素へ子要素追加 - JavaScriptリファレンス
http://javascriptist.net/ref/element.appendchild …
すみません、回答遅くなりました。
その後、
DOMについて理解を進めまていろいろな事ができるようになりました。
DOMの勉強に時間がかかったため、当質問内容の部分について作成を見送りました。どうもありがとうございました。
No.1
- 回答日時:
試したわけではないのですが、改行したい部分に"\n"(半角)または"<BR>"を入れたらどうでしょうか?
例:
document.createTextNode("一行目\n二行目");
ソースコードを見たわけではないので断言はできませんが、どちらかで可能なことかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBAでIEのボタンを押してメッセ...
-
Latexに関する質問です。
-
マウスでポイントすると説明を表示
-
ラジオボタンでreadonlyの切替え
-
idを使わずにonclickで自身の要...
-
jspからjavascriptの変数引継ぎ
-
javascriptで複数キーワード検...
-
「nullまたはオブジェクトでは...
-
C#で、ContextMenuStripに動的...
-
Linux バイナリ実行できない "...
-
window.openでタイトル名の指定
-
JavaScriptで日付を取得したいです
-
HTML:Tableタグに対し、JavaScr...
-
ActiveXobjectが作成できない
-
Boolean型配列中のTrueの有無を...
-
C#OpenCv V4にのエラーに関する...
-
JavaScriptとHTMLの課題です
-
IEでF12を押さないとjavascriptが…
-
<a>タグのテキストを取得
-
javascriptでスロットゲームを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptのhtml出力についてa...
-
codejump 模写コーディングgall...
-
XMLでのAttributeを持ったNode...
-
JavaScript window.openで開く...
-
Latexに関する質問です。
-
Null またはオブジェクトではあ...
-
window.onloadを複数実行したい...
-
excle VBA とweb上の検索を利用...
-
bxsliderでpagerCustomのクラス...
-
VB2019でウェブサイトにID/PASS...
-
webページ上のTabキーの動き
-
DOM要素を削除しても、イベント...
-
javascriptの基本的なことだと...
-
Javascript ページ読み込んだら...
-
responseTextについて
-
ie操作 フレームのURLが...
-
Javascriptで定期的にF5を押す...
-
IE11 javascriptについて
-
removeEventListenerの必要性
-
LaTeX:数式を等号揃えにする方法
おすすめ情報