HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOMアンカータイププロパティ

アンカータグに関連付けられたHTMLDOMtypeプロパティは、リンクのtype属性の値を設定または取得するために使用されます。この属性はHTML5で導入されました。この属性も示唆的な理由のみであり、含める必要はありません。単一のMIME（Multipurpose Internet Mail Extensions）値タイプが含まれています。

構文

以下は、-

の構文です。

タイププロパティを返す-

anchorObject.type

タイププロパティの設定-

anchorObject.type = MIME-type

例

アンカーテキストプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>
<p>Click the buttons to set and get the type attribute.</p>
<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>
<p id="Type1"></p>
<script>
   function getType1() {
      var x = document.getElementById("Anchor").type;
      document.getElementById("Type1").innerHTML = x;
   }
   function setType2(){
      document.getElementById("Type1").innerHTML="Type has been set";
      document.getElementById("Anchor2").type="text/html";
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOMアンカータイププロパティ

GetTypeボタンをクリックすると-

HTMLDOMアンカータイププロパティ

SetTypeボタンをクリックすると-

HTMLDOMアンカータイププロパティ

上記の例では-

idAnchorとAnchor2の2つのリンクをそれぞれ取得しました。 Anchor1にはMIMEタイプtext/htmlが関連付けられていますが、Anchor2にはMIMEタイプが関連付けられていません。

<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.example.com">example</a></p>

次に、関数getType1（）とgetType2（）をそれぞれ実行するための2つのボタンGetTypeとSetTypeがあります。

<button onclick="getType1()">GetType</button>
<button onclick="setType2()">SetType</button>

getType1（）関数は、IDが「Anchor」に関連付けられているアンカータグのタイプを返します。 setType2（）関数は、IDが「Anchor2」のアンカータグのタイプをtext/htmlに設定します。

function getType1() {
   var x = document.getElementById("Anchor").type;
   document.getElementById("Type1").innerHTML = x;
}
function setType2(){
   document.getElementById("Type1").innerHTML="Type has been set";
   document.getElementById("Anchor2").type="text/html";
}

  1. HTMLDOMOlタイププロパティ

    HTML DOM Ol typeプロパティは、順序付きリストで使用されるマーカーのタイプに対応するtype属性の値を設定/返します。 以下は構文です- タイププロパティを返す olObject.type 設定タイプ キャラクターに olObject.type = ‘1|a|A|i|I’ Olタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style>   &n

  2. HTMLDOMイベントタイププロパティ

    HTML DOMイベントタイププロパティは、クリック、キープレス、ロード、タッチエンドなどのイベントのタイプに対応する文字列を返します。 以下は構文です- トランジションが実行された秒数を返す- event.type イベントタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Event type</title> <style>    form {       width:70%;