HTML DOMのisDefaultNamespace()メソッドとは？使い方とサンプルコード解説
isDefaultNamespace()メソッドとは
HTML DOMのisDefaultNamespace()メソッドは、指定された名前空間がデフォルト名前空間であるかどうかを判定し、その結果を真偽値（true/false）で返すメソッドです。
補足：要素ノードは親ノードの名前空間を継承するため、XHTML文書内のすべての要素のnamespaceURIは「https://www.w3.org/1999/xhtml」になります。
構文
isDefaultNamespace()メソッドの基本的な書き方は以下のとおりです。
document.documentElement.isDefaultNamespace("nameSpaceURI")サンプルコード
ここでは、ユーザーが入力したURIがデフォルト名前空間かどうかを確認するデモを紹介します。テキストボックスにURIを入力し、「Check」ボタンをクリックすると、判定結果が画面に表示されます。
<!DOCTYPE html>
<html>
<head>
<title>isDefaultNamespace()</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>isDefaultNamespace( )</legend>
<label for="textSelect">URI:
<input type="url" size="25" id="textSelect" placeholder="https://www.abc.com">
</label><br>
<input type="button" onclick="confirmNameSpace()" value="Check">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputText = document.getElementById("textSelect");
divDisplay.textContent = 'NOTE: Check if specified URI is DefaultNamespace';
function confirmNameSpace() {
if(document.documentElement.isDefaultNamespace(textSelect.value))
divDisplay.textContent = 'Above given namespace is default';
else
divDisplay.textContent = 'Above given namespace is not default';
}
</script>
</body>
</html>実行結果
上記のコードを実行すると、次のような出力が得られます。
「Check」ボタンをクリックする前
無効な入力で「Check」ボタンをクリックした後
デフォルト名前空間ではないURIを入力した場合は、その名前空間がデフォルトではないことを示すメッセージが表示されます。
有効な入力で「Check」ボタンをクリックした後
デフォルト名前空間（https://www.w3.org/1999/xhtmlなど）を入力した場合は、その名前空間がデフォルトであることを示すメッセージが表示されます。
-
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()メソッドの主な活用シーン ページ読み込み時やフォーム表示時に、最初の入力欄へ自動的にカーソルを合わせる バリデーションエラーが発生した際に、該当する入力フィールドへフォーカスを移動する モーダルウィンドウを開いたときに、特定のボタンや