.createElement()の引数【JavaScript】

アバター
MoNoQLoREATOR
記事: 284
登録日時: 14年前
住所: 東京

.createElement()の引数【JavaScript】

投稿記事 by MoNoQLoREATOR » 14年前

今日は、
.createElement()の引数はどのように書けばよいのか
という壁にぶち当たりました。
皆divとかscriptとか使ってる・・・。直接、タグ(?)を書き込むことはできないのでしょうか?

ヤフー知恵袋に質問を出しましたので、もし知っていらっしゃったら教えていただきたいです。
よろしくお願いしますorz

アバター
kimuchi
記事: 163
登録日時: 14年前

RE: .createElement()の引数【JavaScript】

投稿記事 by kimuchi » 14年前

ヤフー知恵袋へのリンクが見当たらないのでこちらに書かせていただきます。

.createElement()の引数には作成したい、いわゆるタグ(要素)の名前を指定します。

追記:
またこれは要素を作成するだけなので、HTMLへ反映するにはappendChild()が必要になります。

もちろん、

CODE:

var html = "テキスト";
document.getElementsByTagName("body")[0].innerHTML += html;
変更:
このようにして直接タグを書き込み、HTMLへ反映することもできますが、属性やスタイルシートの指定を同時にしようと思うと、通常のHTML入力と同じように書かなければならないので、これらが多い場合はソースが見づらくなったり、変更したい場合などに不便です。

createElement()を使えば、作成したときからオブジェクトとして扱えるので、これらの指定が容易かつ修正がしやすくなる利点があります。
最後に編集したユーザー kimuchi on 2011年2月20日(日) 22:46 [ 編集 1 回目 ]

アバター
MoNoQLoREATOR
記事: 284
登録日時: 14年前
住所: 東京

Re: .createElement()の引数【JavaScript】

投稿記事 by MoNoQLoREATOR » 14年前

URL・・・あ、張り忘れましたね。あせりすぎだ・・・・orz

http://detail.chiebukuro.yahoo.co.jp/qa ... ert_newans

kimuchiさん
コメントありがとうございます。
そんな方法もあったのですか。
タグだけでなく属性は書き込めるのでしょうか?

アバター
kimuchi
記事: 163
登録日時: 14年前

RE: .createElement()の引数【JavaScript】

投稿記事 by kimuchi » 14年前

この方法を使いますと、

CODE:

var html = "テキスト";
挿入する要素.innerHTML += html; 
このように、HTMLを書くときとほとんど同じになりますね。
ご覧の通り、属性が多くなると使いづらいです。
さらに言えば、クォーテーション(’や”)が二重以上にできないのも不便です。
(例えば、のようなことはできません)
そういう意味では、createElement()を使う方法の方が汎用性があります。

以下、勧誘?広告?ですが、
このようなHTML,CSS,JavaScript関連の内容は、
こちらのコミュニティで質問いただけると他の方とも情報を共有できますので、よろしければ(^^;)
http://dixq.net/forum/viewforum.php?f=81

日記では、受け答えに不便な気もしますね。(レスが付いても下がってしまうので・・・)