HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML DOMのStrongオブジェクトとは？作成方法と使い方を解説

HTML DOMのStrongオブジェクトは、HTMLの<strong>要素に関連付けられたオブジェクトです。<strong>タグはテキストを強調（太字）表示するために使用され、重要な内容を強調したい場合に活用されます。

JavaScriptでは、createElement()メソッドを使ってstrong要素を作成し、既存の要素にはgetElementById()メソッドでアクセスすることができます。

構文

Strongオブジェクトの作成

var s = document.createElement("STRONG");

サンプルコード

以下は、Strongオブジェクトを使用した具体的な例です。ボタンをクリックすると、新しいstrong要素が動的に生成され、ページに追加されます。

<!DOCTYPE html>
<html>
<body>
<h1>Strongオブジェクトの例</h1>
<p>下のボタンをクリックしてstrong要素を作成してください</p>
<button onclick="createStrong()">CREATE</button>
<p>これはp要素内のテキストです</p>
<script>
    function createStrong() {
        var s = document.createElement("STRONG");
        var txt = document.createTextNode("これはstrong要素内のテキストです");
        s.appendChild(txt);
        document.body.appendChild(s);
    }
</script>
</body>
</html>

実行結果

上記のコードを実行すると、次のような画面が表示されます。

HTML DOMのStrongオブジェクトとは？作成方法と使い方を解説

CREATEボタンをクリックした後

ボタンをクリックすると、strong要素で囲まれた太字のテキストがページに追加されます。

HTML DOMのStrongオブジェクトとは？作成方法と使い方を解説

ポイントまとめ

  • document.createElement("STRONG")でstrong要素を新規作成できる
  • createTextNode()で要素内に挿入するテキストノードを作成する
  • appendChild()を使ってテキストや要素を追加し、ページに反映させる
  1. HTML DOM の Object オブジェクトとは？主なプロパティと実装例をわかりやすく解説

    HTML DOM の Object オブジェクトは、HTML 内の <object> 要素を JavaScript から操作するためのインターフェースです。<object> 要素は、画像や PDF、動画などの外部リソースを Web ページに埋め込む際に使用されます。 Object 要素の作成方法 JavaScript で新しい <object> 要素を作成するには、document.createElement() メソッドを使用します。 var objectElement = document.createElement(OBJECT); Object

  2. HTML DOM Ulオブジェクトとは？<ul>要素の操作方法とサンプルコードを解説

    HTML DOM の Ul オブジェクトは、HTML の <ul>（順序なしリスト）要素を表すオブジェクトです。JavaScript を使うことで、リストの動的な生成や操作が可能になります。 <ul> 要素の作成方法 新しい <ul> 要素を作成するには、document.createElement() メソッドを使用します。 var ulObject = document.createElement(UL) HTML5で非推奨となったプロパティ ulObject には以下のプロパティが存在しますが、これらは HTML5 ではサポートされていないため注