ホームページ >ウェブフロントエンド >jsチュートリアル >HTML 要素を生成するための JavaScript のヒント_JavaScript のヒント

HTML 要素を生成するための JavaScript のヒント_JavaScript のヒント

WBOY
WBOYオリジナル
2016-05-16 16:48:051057ブラウズ

JavaScript で HTML 要素を生成するには 2 つの方法があります。この記事では 2 つの方法を紹介します。1 つはより正式な要素を作成する方法で、2 つ目は JavaScript の write() メソッドを使用して HTML 要素を直接記述する方法です。

方法 1:

コードをコピー コードは次のとおりです:

//createElement() は入力要素を作成しますobj オブジェクトに
var obj = document.createElement('input');
//前の要素を選択して位置を生成します
var before = document.getElementById('before');
//obj 要素名、値を設定します
obj.name='name';
obj.value='value';
//setAttribute は ID と型、名前と値だけでなく、属性を自由に定義できます次の定義も可能です
obj.setAttribute('id','idname');
obj.setAttribute('type','typename');
//前のオブジェクトの後に obj
を追加します.appendChild(obj);
の前の要素

方法 2:

コードをコピー コードは次のとおりです。

document.write("");

HTML 要素を生成する 2 つの方法を次に示します。1 つ目はより標準化されており、コードが多くなりますが、2 つ目はコードが少なくなります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。