HTMLDOMFooterオブジェクト
HTML DOM Footerオブジェクトは、HTMLの
構文
以下は、-
の構文です。フッターオブジェクトの作成-
var p = document.createElement("FOOTER"); 例
フッターオブジェクトの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<script>
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
}
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html> 出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
上記の例では-
最初に、ユーザーがクリックしたときにcreateFoot（）メソッドを実行するCREATEボタンを作成しました。
<button onclick="createFoot()">CREATE</button>
createFoot（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用してフッター要素を作成します。次に、appendChild（）メソッドを使用してフッター要素をドキュメント本文に追加し、createElement（）メソッドを使用して別の
要素を作成します。
次に、ドキュメントオブジェクトのcreateTextNode（）メソッドを使用してテキストノードが作成されます。次に、段落のappendChild（）メソッドを使用して、テキストノードが段落に追加されます。最後に、段落とテキストノードが、フッター要素のappendChild（）メソッドを使用してフッター要素の子として追加されます-
function createFoot() {
var f = document.createElement("FOOTER");
document.body.appendChild(f);
var p = document.createElement("P");
var txt = document.createTextNode("Copyright ©, 2019");
p.appendChild(txt);
f.appendChild(p);
} -
HTMLDOMタイトルオブジェクト
HTMLのHTMLDOMTitle Objectは、要素を表します。 を作成する 要素 var titleObject = document.createElement(“TITLE”) ここでは、「titleObject」 次のプロパティを持つことができます- プロパティ 説明 テキスト ドキュメントの要素の値を設定/返します タイトルテキストの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title id="titleSe
-
HTMLDOMUlオブジェクト
HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE