JavaScript動的HTML要素の作成

1300 ワード

html タグ動的作成

ajaxではjsのダイナミックなHTML要素が使用されますが、ここでは簡単に方法を説明します.
まずHTML要素を分析します

<span style="font-size:18px;"><body></span>
<font color="red" size="12">  <p>  </p></font>
</body>

HTML要素の名前、属性、および内容を含む
<名前属性1=""属性2=">コンテンツ
最初のステップはもちろん名前を作成します

var cFont = document.createElement('font');

第2部設定属性

cFont.setAttribute("color","red");
	cFont.setAttribute("size","12");

第3部追加内容

cFont.innerHTML="  ";

第4部はbodyまたは他の要素に追加されます(fontはbodyです)

document.body.appendChild(cFont);

以下に完全なコードを添付します

<script type="text/javascript">
window.onload = function(){
	var cFont = document.createElement('font');
	cFont.setAttribute("color","red");
	cFont.setAttribute("size","12");
	cFont.innerHTML="  ";
	var cP = document.createElement('p');
	cP.innerHTML="  ";
	document.body.appendChild(cFont);
	cFont.appendChild(cP); 
}
</script>

効果は次のとおりです.
赤
折り返し

JSONのDominoでの応用

シーケンステーブルの基本操作(C)