HTMLDOMボタン名プロパティ
HTML DOM Button nameプロパティは、
構文
以下は、-
の構文です。名前プロパティの設定-
buttonObject.name = name
ここで、nameプロパティ値は、ボタンの名前を示すために使用されます。
例
ボタン名プロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<button id="button1" name="btn1">BUTTON</button>
<p>Click the button below and change the above button name.</p>
<button onclick="change()">CHANGE</button>
<p id="Sample"></p>
<script>
function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
変更をクリックすると-
上記の例では-
最初に、IDが「button1」で名前が「btn1」のボタンを作成しました
<button id="Button1">BUTTON</button>
次に、クリック時にメソッドchange（）を実行するCHANGEボタンを作成しました。
<button onclick="change()">CHANGE</button>
change（）関数は、IDが「button1」のボタン要素を取得し、その名前属性値を「SECONDBUTTON」に変更します。次に、ボタンの名前の値が変数xに割り当てられ、最終的にIDが「サンプル」の段落に表示されます
。function change() {
document.getElementById("button1").name="SECOND BUTTON";
var x=document.getElementById("button1").name;
document.getElementById("Sample").innerHTML="The new button name is "+x;
} -
HTML DOMTextareanameプロパティ
HTML DOM Textarea defaultValueプロパティは、HTMLドキュメントのテキスト領域要素のname属性の値を返し、変更します。 構文 以下は構文です- 1。戻り名 object.name 2。名前を追加する object.name = “text” HTML DOM Textarea nameプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style> body { color: #000; &
-
HTMLDOM名プロパティ
HTML DOM nameプロパティは、要素の属性の名前に対応する文字列を返します。 以下は構文です- 文字列値を返す elementAttribute.name HTMLDOM名の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> * { padding: 2px; margin:5px; &