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

HTML DOM Object要素のtypeプロパティの使い方を徹底解説

HTML DOM Object要素のtypeプロパティとは

HTML DOMにおけるObject要素のtypeプロパティは、<object>要素のtype属性の値を設定または取得するために使用されます。type属性は、そのオブジェクトが扱うメディアタイプ（MIMEタイプ）を指定する役割を持っています。

typeプロパティを設定する構文

obj.type = メディアタイプ

上記の「メディアタイプ」には、標準的なMIMEタイプを指定します。例えば、image/bmp、image/tiff、application/pdfなどが該当します。

typeプロパティを取得する構文

obj.type

それでは、実際にDOM Objectのtypeプロパティを実装したサンプルを見ていきましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<object id="obj" width="450" height="200"
data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf"
type="application/vnd.adobe.flash-movie"></object>
<button onclick="display()">Display the media type</button>
<p id="pid"></p>
<script>
function display() {
   var x = document.getElementById("obj").type;
      document.getElementById("pid").innerHTML = x;
}
</script>
</body>
</html>

実行結果

HTML DOM Object要素のtypeプロパティの使い方を徹底解説

ボタンをクリックすると、オブジェクトに設定されているメディアタイプが表示されます。

HTML DOM Object要素のtypeプロパティの使い方を徹底解説


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

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

  2. HTML DOM Event typeプロパティとは？イベントの種類を取得する方法を実例付きで解説

    HTML DOM Event typeプロパティとはHTML DOMのEvent typeプロパティは、発生したイベントの種類に対応する文字列を返すプロパティです。「click」「keypress」「load」「touchend」など、さまざまなイベントタイプを取得できます。構文イベントの種類を文字列として取得するには、以下のように記述します。event.typeそれでは、Event typeプロパティの具体的な使用例を見ていきましょう。使用例以下のサンプルでは、赤い円形の要素に対して「クリック」または「タッチ」が行われた際に、event.typeでイベントの種類を判定しています。イベントの種