HTMLDOMメタオブジェクト
HTMLのHTMLDOMメタオブジェクトはを表します 要素。
構文
以下は構文です-
<メタ>を作成する 要素
var metaObject = document.createElement(“META”)
プロパティ
ここでは、「メタオブジェクト」 次のコレクションとプロパティを持つことができます-
| プロパティ | 説明 |
|---|---|
| コンテンツ | のコンテンツ属性の値を設定/返します エレメント |
| httpEquiv | のコンテンツ属性の情報のHTTPヘッダーを設定/返します。 エレメント |
| 名前 | のコンテンツ属性の情報の名前を設定/返します。 エレメント |
| スキーム | コンテンツ属性の値の解釈方法を設定/返しますが、これはHTML5ではサポートされていません |
例
HTMLDOMメタの例を見てみましょう 要素-
<!DOCTYPE html>
<html>
<head>
<title>Meta 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>Meta-Object</legend>
<h2>Tutorial</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<input type="button" onclick="createMeta()" value="Create Meta Tag">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
function createMeta(){
var metaTag = document.createElement('META');
metaTag.setAttribute("name", "tutorialsContent");
metaTag.setAttribute("content", "JS tutorials");
document.head.appendChild(metaTag);
divDisplay.textContent = '<meta name="'+metaTag.name+'" content="'+metaTag.content+'" >';
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[メタタグの作成]をクリックする前に ボタン-
[メタタグの作成]をクリックした後 ボタン-
-
HTMLDOMオブジェクトオブジェクト
HTMLのHTMLDOMオブジェクトオブジェクトは、 を表します 要素。 要素の作成 var objectElement = document.createElement(“OBJECT”) ここでは、「 objectElement 」は次のプロパティを持つことができます- プロパティ 説明 データ objectelementによって使用されているリソースのURLを設定/返します フォーム オブジェクト要素の囲み形式への参照を返します 高さ オブジェクト要素の高さを設定/返します 名前 オブジェクト要素の
-
HTMLDOMUlオブジェクト
HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE