• ベストアンサー

head.appendChild() の使い方

honebornの回答

  • ベストアンサー
  • honeborn
  • ベストアンサー率100% (4/4)
回答No.1

appendChildは「一番後ろに」追加するためのものだから 他のメソッドを使えばいいんじゃないかな insertBeforeとか

yukiling
質問者

お礼

回答ありがとうございます。 insertBefore 初めて知りました。そのような関数の一覧が、 あれば知りたくなりました。

この回答がついた質問に戻る
回答 全件
しょうがないにゃあ・・ ここに大体載ってるからブックマークおすすめ。 …
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • document.lastChild.appendChild()のIE5.5対応

    任意のHTMLファイルの<body>内に <script type="text/javascript" src="sample.js" charset="shift_jis"></script> と書いたとき、そのHTMLファイルのヘッダに sample.cssへのlinkを定義できるように --------- sample.js ----------- sample_css=document.createElement('link'); sample_css.rel='stylesheet'; sample_css.href='/sample.css'; sample_css.type='text/css'; document.lastChild.firstChild.appendChild(sample_css); … --------- sample.js ----------- と書いたのですが、IE5.5で、 document.lastChild.firstChild.appendChild(sample_css); の行がエラーとなってしまいます。 IE5.5に対応できる書き方はないものでしょうか。

  • nyroModal HEADタグ内の記述について

    nyroModal HEADタグ内の記述について http://nyromodal.nyrodev.com/#download 上記ページより、nyroModal1.6.2をダウンロードしました。 設置方法を下記サイト http://www.css-lecture.com/log/javascript/014.html で調べて、サイトの説明どおり設置してみたところ、headタグ内に記述する５行のソースが古いのか（jsファイルが1.2.8になってる）ダウンロードしたファイルと合わず、動作しませんでした。 自分なりに試行錯誤してみて、あてずっぽうですが、下記ソースに書き換えたところ、ギャラリー表示は正常に動作するようになりました。 <link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.pack.js"></script> しかし下記ページの一番下にあるデモと同じように、Googleへのリンク（外部ページを読み込む） http://www.css-lecture.com/template/2008/1001/ をする場合に、 <p><a href="http://www.google.co.jp/" class="nyroModal">Google</a></p>　と、記述してもウィンドウサイズが400×300くらいに固定されてしまって縦横にスクロールバーが出てしまい、サイト全体が表示できません。 cssやjsのファイルを編集しようと探してみましたが、ウィンドウサイズを指定しているような記述を見つけることができませんでした。 現在のヴァージョンで正常に動作させるためには、headタグ内にどのような記述をしたら良いでしょうか。 また、外部リンクの際にウィンドウサイズを指定できる方法はありますでしょうか。 当方、ネットで独学で調べて設置をしている初心者ですので的外れな質問をしているかもしれませんが、ご教授いただけますでしょうか。 よろしくお願いいたします。

  • Future Shop2というショッピングカート

    Future Shop2というショッピングカートを利用しています。 <head></head>部分が編集できないのでjavascriptを使用して、meta要素を追加したのですが・・・ Future Shop2というショッピングカートを利用しています。 headタグ内が編集できないのでjavascriptを使用して、head内のmeta要素を追加したのですが・・・ <script> var doc = document; var title= doc.getElementsByTagName("head")[0]; var meta = doc.createElement("meta"); meta.setAttribute("http-equiv","X-UA-Compatible"); meta.setAttribute("content","IE=Edge"); head.appendChild(meta); </script> 上記を記述して、headタグ内にmeta要素は追加はできたのですが、meta要素の中でも一番先頭に記述したい場合はどうすれば良いのでしょか？ 教えていただきたいです(;_;) よろしくお願いします！

  • 外部ファイルJS参照を全て消さないと「文字が正しくありません」エラー

    実に不思議なのですが、 以下のように4つのJSファイルをインクルードしているHTMLファイルを ローカルで開くと「文字が正しくありません」とスクリプトエラーが何回かでます。 ですが、script1～4.js　の行を全てコメントアウトすると、エラーはでません。 1～4のどれかにエラーが含まれているのかと、一つ一つを外してみましたが、 どの行を外しても、やはり「文字が正しくありません」と出てしまいます。 ローカルの然るべきパスに1～4はあります。また、HTML同様、JSもEUCになってます。 何が原因なのでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>タイトル</title> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> <link href="../css/style.css" rel="stylesheet"> <script src="../js/script1.js" type="text/javascript"></script> <script src="../js/script2.js" type="text/javascript"></script> <script src="../js/script3.js" type="text/javascript"></script> <script src="../js/script4.js" type="text/javascript"></script> </head>

  • インクルードしているheadの中に記述するには？

    htmlのヘッダーを関数化して全画面でインクルードしています。 ある画面でだけ、ちょっとしたjavascriptの記述をヘッダー内に記述したいのですが、どうしたらいいでしょうか？ 現状ではヘッダー関数の中でJSを外部ファイルで読み込んでいますが、JSのスクリプトでwindow.onloadなどを使う場合、すべてのページに該当してしまいよろしくありません。 うまい方法がありましたらご教授宜しくお願いします。 またheadの終わりからbodyの始まる間にscriptを書いても問題はないのでしょうか？ 動作的にはエラーは通知されませんでしたが。 原則的にはheadの中だと思うので。 <html> <head> </head> ●ここにjavascriptを記述 <body> ・・・ 【環境】 php5

    • 締切済み
    • PHP
  • createElementによるタグ追加作成

    ボタンが押された時にPタグの中に、H1タグを挿入されるhtmlを作成しました。 ですが、ボタンを押しても addH関数に処理が流れないみたいなのです。 なぜなのでしょうか・・・。 環境は、Win7・IE9です。 よろしくお願いします。 ===以下ソース=== <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タグの追加</title> <script type="text/javascript"> <!-- function addH(){ alert("test"); /*（1）Pタグの要素ノードオブジェクト*/ var info = document.getElementById('info'); alert(info): /*（2）新たにH1タグの要素ノードを作成する*/ var h1Node = document.createElement('h1'); /*（3）新たにテキストノードを作成する*/ var textNode = document.createTextNode('こんにちは'); /*（4）作成したテキストノードをH1タグ要素の子要素として追加する*/ h1Node.appendChild(textNode); /*（1）Pタグに、完成したH1タグを追加する*/ info.appendChild(h1Node); } --> </script> </head> <body> <p id="info"></p> <input type="button" value="H1タグ追加" onClick="addH()"> </body> </html> ===ソースここまで===

  • headタグの記述について

    headタグの記述について質問させてください。 ページ作成時にPHP等で読み込みファイル（インクルードファイル？）を使用する際、 読み込まれる側のHTMLファイルは「head」「body」などの タグの記述を省きますよね（たぶん）。 これはどうしても省かなくてはいけないのでしょうか？ 各ファイルに外部CSSへのリンクを張りたいのですが、 HEADタグがない場合はどうしたらいいのでしょう？ こういった読み込みファイルを扱うのが初めてで、どう対応したらいいのかがわかりません。 どなたかわかる方いたら教えてください。

    • ベストアンサー
    • HTML
  • 複数の外部ファイルを参照するにはどうすればいいの？

    ２２歳男性です。 ｈｔｍｌに以下のように記述していますがうまく動作しません。 <html> <head> <script type=\"text/javascript\" src=\"ｊｓ１ファイルパス\"></script> <script type=\"text/javascript\" src=\"ｊｓ２ファイルパス\"></script> </head> <body> ・・・・・・・ 上記のように記述して外部のｊｓファイルを参照しようとしているんですがうまくいきません。ｊｓ２ファイルは参照できるんですが、ｊｓ１ファイルは参照できません。 また、記述順を変えてみると、ｊｓ１ファイルは参照でき、ｊｓ２ファイルが参照できなくなります。 この２つのｊｓファイルを参照するにはどのように記述するべきなのでしょうか？

  • Java Script 文字コード 指定

    「html ファイル」 ──────────────── <script src="java.js"></script> あいうえお ──────────────── 「java.js」 ──────────────── document.write('<meta charset="UTF-8">'); ──────────────── 上記のように、 html ファイルでは、文字コード指定をせず、 外部 js ファイルを呼び出して、 元のhtmlファイルのコードを指定したいのですが、 上記の方法ではできません。 やり方があれば、お願いします。

  • 外部 jsのロード場所で、スクリプトが利かない。。

    以下の HTML コードのように書くと <p id="info"></p> に外部 js から文字が入ります。 head 内に同じ外部 js を読み込ませると文字が表示しません。 head 内に外部 js を読み込ませて表示させるには、どのようにすれば良いのでしょうか? また、表示しない原因は何でしょうか ? ご回答よろしくお願いいたします。 htmlソース------------ <!DOCTYPE html> <!-- saved from url=(0013)about:internet --> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <div> <p id="info"></p> </div> <script src="./sample.js"></script> </body> </html> sample.js ---------------- switcher(); function switcher () { document.getElementById( 'info' ).innerHTML = "テキスト A"; }

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する