HTML DOMのisSameNode()メソッドとは？構文と使い方を解説
isSameNode()メソッドとは
HTML DOMのisSameNode()メソッドは、2つのノードが同一のノードであるかどうかを判定し、その結果をブール値（true/false）で返します。
注意： isSameNode()メソッドは現在非推奨（deprecated）となっています。そのため、代わりに「===」演算子を使用することが推奨されています。
構文
isSameNode()メソッドの構文は以下の通りです。
nodeOne.isSameNode(NodeTwo)
サンプルコード
isSameNode()メソッドの具体的な使用例を見てみましょう。以下の例では、リストの最初の項目がクリケットのトロフィーであるかどうかを確認しています。
<!DOCTYPE html>
<html>
<head>
<title>isSameNode()</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
ul{
width: 30%;
margin: 0 auto;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>isSameNode( )</legend>
<h3>John Doeの実績</h3>
<ul>
<li id="cricket">トロフィー1</li>
<li>トロフィー2</li>
<li>トロフィー3</li>
</ul>
<input type="button" onclick="confirmTrophy()" value="確認">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var cricketTrophy = document.getElementById("cricket");
var trophyOne = document.getElementsByTagName("li")[0];
divDisplay.textContent = '注意：トロフィー1がクリケットで獲得されたか確認してください';
function confirmTrophy() {
if(cricketTrophy.isSameNode(trophyOne))
divDisplay.textContent = 'トロフィー1は確かにクリケットで獲得されました';
else
divDisplay.textContent = 'トロフィー1はクリケットで獲得されていません';
}
</script>
</body>
</html>実行結果
このコードを実行すると、以下のような出力が得られます。
「確認」ボタンをクリックする前：
「確認」ボタンをクリックした後：
まとめ
isSameNode()メソッドは、2つのノードが同じノードを参照しているかどうかを判定するためのメソッドですが、現在では非推奨となっています。新しいコードでは、よりシンプルで広くサポートされている「===」演算子を使ってノードの同一性を比較することをおすすめします。
-
HTML DOMのhasAttributes()メソッドとは？構文・使い方・サンプルコードを解説
HTML DOMのhasAttributes()メソッドは、ある要素が属性（attribute）を1つでも持っているかどうかを判定するためのメソッドです。要素が属性を保持している場合はtrueを返し、1つも属性を持っていない場合はfalseを返します。また、このメソッドを要素ノード以外のノードに対して呼び出した場合、戻り値は常にfalseになるという特徴があります。 構文 hasAttributes()メソッドの基本構文は以下のとおりです。 node.hasAttributes() 引数は不要で、対象となるノードに対して直接呼び出すだけで、真偽値（Boolean）が返されます。 使用例 ここで
-
HTML DOMのfocus()メソッドとは？基本構文と使い方を実例付きで解説
HTML DOMのfocus()メソッドは、指定したHTML要素にフォーカスを設定するために使用されるメソッドです。ただし、すべてのHTML要素にフォーカスを適用できるわけではありません。たとえば、<p>タグのようにフォーカスを受け付けない要素も存在します。また、要素からフォーカスを解除したい場合は、blur()メソッドを使用します。 focus()メソッドの主な活用シーン ページ読み込み時やフォーム表示時に、最初の入力欄へ自動的にカーソルを合わせる バリデーションエラーが発生した際に、該当する入力フィールドへフォーカスを移動する モーダルウィンドウを開いたときに、特定のボタンや