HTMLDOMソースオブジェクト
HTML DOMソースオブジェクトは、HTMLの
構文
以下は、-
の構文です。ソースオブジェクトの作成-
var p= document.createElement("SOURCE");
例
ソースオブジェクトの例を見てみましょう-
<!DOCTYPE html> <html> <body> <h1>Source object example</h1> <audio id="AUDIO_1" controls > </audio> <p>Add a audio source for the above element by clicking the below element.</p> <button onclick="createSrc()">CREATE</button> <p id="Sample"></p> <script> function createSrc() { var s = document.createElement("SOURCE"); s.setAttribute("src", "sample.mp3"); s.setAttribute("type", "audio/mpeg"); document.getElementById("AUDIO_1").appendChild(s); document.getElementById("Sample").innerHTML="The audio control will work now"; } </script> </body> </html>
出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
「作成」をクリック-
-
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