HTMLDOMオブジェクトタイププロパティ
HTML DOMオブジェクトタイププロパティは、オブジェクトのタイプ属性の値を設定または返すために使用されます。ただし、type属性は、オブジェクトのようなメディアタイプを設定するために使用されます。
タイププロパティを設定するための構文は次のとおりです-
obj.type = type_of_media
上記のtype_of_mediaは、標準のメディアタイプです。たとえば、image / bmp、image / tiff、image/tffなどです。
タイププロパティを返す構文は次のとおりです-
obj.type
ここで、DOMオブジェクトタイププロパティを実装する例を見てみましょう-
例
<!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>
出力
ボタンをクリックしてタイプを表示します-
-
HTMLDOMUlオブジェクト
HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE
-
HTMLDOMイベントタイププロパティ
HTML DOMイベントタイププロパティは、クリック、キープレス、ロード、タッチエンドなどのイベントのタイプに対応する文字列を返します。 以下は構文です- トランジションが実行された秒数を返す- event.type イベントタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style> form { width:70%;