webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

プログラム実行テスト 3

  • getElementById().innerHTML= でいままで出てきた。
  • IdはHTMLにひとつだから、element
  • tagはタグ付けした数だけ複数存在できるから、elements

<body>
<h1>プログラム実行テスト</h1>
<p>第1段落</p>
<p>第2段落</p>
<p>第3段落</p>
<script>
var ps=document.getElementsByTagName('p');//複数ある=すでに配列になっている
ps[0].innerHTML='パラグラフ No.1';
</script>
</body>

f:id:ohta-felica:20160516222322j:plain

  •  文字を追加するには、+ '文字列'
  • ちなみに、<b>は bold のb
  • 以下はMDNより引用。(引用開始)b 要素 (<b>) は <strong><em><mark> ともに混同しないでください。<strong> は、特定の重要なテキストを表す。<em> はいくつかのテキストを強調し、<mark>関連するテキストを表す。<b>はそのような特別な意味を持ちません。他の要素が持つ意味合いに合わない時のみ使ってください。(引用終わり)

f:id:ohta-felica:20160516225613j:plain

<body>
<h1>プログラム実行テスト</h1>
<p>第1段落</p>
<p>第2段落</p>
<p>第3段落</p>
<script>
var ps=document.getElementsByTagName('p');//複数ある=すでに配列になっている
ps[0].innerHTML=ps[0].innerHTML+'<b>new!</b>'
</script>
</body>