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

HTML DOM insertAdjacentText（）メソッド

HTML DOMのinsertAdjacentText（）メソッドは、指定された位置にテキスト文字列を挿入します。

構文

以下は構文です-

positionStringおよびtextのパラメーターを使用してinsertAdjacentText（）を呼び出す

node.insertAdjacentText(“positionString”, text)

位置文字列

ここでは、「positionString」 次のようになります-

positionString 説明
afterbegin ノード要素の先頭の後にテキストを挿入します
アフターエンド ノード要素の後にテキストを挿入します
開始前 ノード要素の前にテキストを挿入します
beforeend ノード要素の終わりの前にテキストを挿入します

例

InsertAdjacentText（）の例を見てみましょう メソッド-

<!DOCTYPE html>
<html>
<head>
<title>insertAdjacentText()</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>insertAdjacentText( )</legend>
<h1>First Muslim President of India</h1>
<h2 id="president">A.P.J Abdul Kalam</h2>
<input type="button" onclick="rectifyName()" value="Correct Name">
</fieldset>
</form>
<script>
   function rectifyName() {
      var presidentH2 = document.getElementById("president");
      presidentH2.insertAdjacentText("afterbegin", "DR. ");
   }
</script>
</body>
</html>

出力

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

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

HTML DOM insertAdjacentText（）メソッド

[正しい名前]をクリックした後 ボタン-

HTML DOM insertAdjacentText（）メソッド


  1. HTML DOM focus（）メソッド

    HTML DOM focus（）メソッドは、HTML要素にフォーカスを与えるために使用されます。フォーカスをすべてのHTML要素に適用することはできません。例：タグにフォーカスすることはできません。要素からフォーカスを削除するには、blur（）メソッドを使用します。 構文 以下は構文です- HTMLElementObject.focus() 例 focus（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    input[type=text]:focus, p:

  2. HTML DOM normalize（）メソッド

    HTML DOMのnormalize（）メソッドは、空のテキストノードを削除し、指定されたノードから隣接するテキストノードを結合します。 以下は構文です- normalize（）の呼び出し document.normalize() normalize（）の例を見てみましょう メソッド- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM normalize()</title> <style>    form {     &nbs