HTMLDOMオブジェクトオブジェクト HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の名前を設定/返します タイプ オブジェクト要素で使用されるクライアント側の画像マップの名前を設定/返します オブジェクト要素の幅を設定/返します プロパティ 説明 dataattributeを介してダウンロードされたデータのコンテンツタイプを設定/返します useMap width HTMLDOMオブジェクトオブジェクトの例を見てみましょう。 tプロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Object object</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style></head> <body> <form> <fieldset> <legend>HTML-DOM-Object-Object</legend> <object id="objSelect" height="200" data="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg"></object> <input type="button" onclick="getObjectData()" value="Get URL"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var objSelect = document.getElementById("objSelect"); function getObjectData() { objSelect.data divDisplay.textContent = 'URL of above picture: '+objSelect.data; } </script> </body> </html> 出力 [URLを取得]をクリックする前に ボタン- [URLを取得]をクリックした後 ’ボタン- HTML DOMMouseEventclientYプロパティ HTMLDOMオブジェクトフォームプロパティ HTMLDOMHRオブジェクト HTML DOM HRオブジェクトは、HTMLドキュメントの要素を表します。 hrオブジェクトを作成- 構文 以下は構文です- document.createElement(“HR”); hrオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; HTMLDOMUlオブジェクト HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE
