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

HTMLDOMブロック引用引用プロパティ

HTML DOM blockquote citeプロパティは、HTML

要素に関連付けられています。このプロパティは、見積もりの​​cite属性を設定または返すために使用されます。 citeプロパティは、スクリーンリーダーには役立ちますが、Webページに視覚効果がないため、通常のユーザーにはあまり役立ちません。 citeプロパティは、引用のソースURLを設定するために使用されます。

構文

以下は、-

の構文です。

引用プロパティの設定-

blockquoteObject.cite = URL

ここでは、 URL 引用場所を指定します。

例

ブロック引用引用プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h2>Quote</h2>
<p>Here is a quote:</p>
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>
<p>Click the button below to change the above quote cite value.</p>
<button onclick="citeChange()">CHANGE</button>
<p id="Sample"></p>
<script>
   function citeChange() {
      document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
      document.getElementById("Sample").innerHTML = "The value of the cite attribute was
      changed to 'www.examplesite.com' ";
   }
</script>
</body>
</html>

出力

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

HTMLDOMブロック引用引用プロパティ

変更をクリックすると-

HTMLDOMブロック引用引用プロパティ

上記の例では-

IDが「myBlockquote」の

要素を取得し、citeプロパティ値はwebexample-

です。 
<blockquote id="myBlockquote" cite="www.webexample.com">
Here is some sample text in place of quote.
</blockquote>

次に、citeChange（）関数を実行するためのボタンCHANGEがあります-

<button onclick="citeChange()">CHANGE</button>

citeChange（）関数は、「myBlockquote」IDを持つ要素を取得し、そのcite属性を取得して、「www.examplesite.com」に変更します。引用値を変更した後、「引用属性の値が「www.examplesite.com」に変更されました」というメッセージが、ID「サンプル」が関連付けられた段落に表示されます。

function citeChange() {
   document.getElementById("myBlockquote").cite = "https://www.examplesite.com";
   document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' ";
}

  1. HTMLDOMtextContentプロパティ

    HTML DOM textContentプロパティは、ノードとそのすべての子ノードのテキスト（空白を含む）に対応する文字列を返す/設定します。 以下は構文です- 文字列値を返す Node.textContent ここで、戻り値は次のようになります- ドキュメントノードの「Null」 指定されたノードとそのすべての子ノードのテキスト textContentを文字列値に設定します Node.textContent = string 注：HTML DOM textContent プロパティは、ノードと子ノードのテキストを単一のテキスト文字列として設定します。 HTML DOM

  2. 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