HTMLDOMボタンの値のプロパティ
HTML DOM Button valueプロパティは、
構文
以下は、-
の構文です。値プロパティの設定-
buttonObject.value = text
ここで、textプロパティ値は、ボタンに指定される初期値です。
例
ボタン値プロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<button id="Button1" name="random" value="FirstButton">My Button</button>
<p>Click on the below button to change the above button value</p>
<button onclick="changeFunc()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeFunc() {
document.getElementById("Button1").value = "SecondButton";
var x=document.getElementById("Button1").value;
document.getElementById("Sample").innerHTML="The button value is now "+x;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
変更をクリックすると-
最初に、IDが「button1」の値が「FirstButton」のボタンを作成しました。
<button id="Button1" name="random" value="FirstButton">My Button</button>
次に、クリックするとchangeFunc（）を実行するボタンCHANGEを作成しました。
<button onclick="changeFunc()">CHANGE</button>
changeFunc（）メソッドは、ID「Button1」を使用して最初のボタン要素を取得し、その値を「FirstButton」から「SecondButton」に変更します。次に、新しく変更されたボタンの値が変数xに割り当てられ、IDが「Sample」の段落内に表示されます。
function changeFunc() {
document.getElementById("Button1").value = "SecondButton";
var x=document.getElementById("Button1").value;
document.getElementById("Sample").innerHTML="The button value is now "+x;
}になりました -
HTMLDOMnodeValueプロパティ
HTML DOM nodeValueプロパティは、ノードの値に対応する文字列を返す/設定します。 以下は構文です- 文字列値を返す Node.nodeValue ここで、戻り値は次のようになります- ドキュメントノードと要素ノードの「null」としての値 属性ノードの属性の「値」としての値 テキストノードとコメントノードのコンテンツとしての価値 nodeValueを設定します 文字列値に Node.nodeValue = string 注：空白はテキストノードとしてのみ見なされます。 HTML DOM nodeValueの例を見てみましょう プロパティ- 例 <!DO
-
HTMLDOM値プロパティ
HTML DOM valueプロパティは、要素の属性の値に対応する文字列を返します。 以下は構文です- 文字列値を返す elementAttribute.value HTMLDOM値の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <style> * { padding: 2px; margin:5p