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

HTMLDOMリンクタイププロパティ

Link typeプロパティは、リンクされたドキュメントのタイプを設定/返します。

構文

以下は構文です-

  • タイプを返す 属性値
linkObject.type
  • タイプの設定 有効な値に
linkObject.type = value

注 −有効な値には、「text / javascript」、「text / css」、「image/gif」などが含まれます。

例

リンクタイプの例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Link type</title>
<link id="extStyle" rel="stylesheet" href="style.css" type="myStyle">
</head>
<body>
<form>
<fieldset>
<legend>Link-type</legend>
<input type="button" value="Correct Type" onclick="correctType()">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var extStyle = document.getElementById("extStyle");
   divDisplay.textContent = 'The linked document type: '+extStyle.type+' is not compatible';
   function correctType(){
      extStyle.type = 'text/css';
      divDisplay.textContent = 'Congrats! The linked document type: '+extStyle.type+' is compatible';
   }
</script>
</body>
</html>

上記の例では、「style.css」 含む-

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

出力

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

[正しいタイプ]をクリックする前に ボタン-

HTMLDOMリンクタイププロパティ

[正しいタイプ]をクリックした後 ボタン-

HTMLDOMリンクタイププロパティ


  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%;