要素の値を取得する

Question

要素の値をチェックしようとしていますが、クラスをチェックしているときにはundefinedを返します。

HTML：

<div class='cube' value='test' onclick='checkCube(this)'></div> 

はJavaScript：

function checkCube(cube) {  // - there's either one of those lines, not both) 
    var check = cube.value;   //This is not working, 
    var check = cube.className;  //This is. 
    console.log(check); 
} 

Answer 1

valueプロパティのみ入力要素

非入力のために使用getAttribute要素

でサポートされています

var check = cube.getAttribute("value"); 

Answer 2

getAttributesを使用して取得できます。getAttribute（）メソッドは、要素の指定された名前を持つ属性の値を返します。

function checkCube(cube) {  
 
    var check = cube.value;   
 
    var check = cube.className;  
 
    console.log(cube.getAttribute("value")); 
 
}

<div class='cube' value='test' onclick='checkCube(this)'>click Over Me</div>

Answer 3

次のようにしてください。

function checkCube(cube) {  
 
    var check = cube.getAttribute("value"); 
 
    alert(check); 
 
    }

<div class='cube' value='test' onclick="checkCube(this)">Click me to get Value</div>

Answer 4

あなたの要素に余分な性質（ないタググローバル属性）を添付するときdata-* attributesを使用する方がよいでしょう。

<div class='cube' data-value='test' onclick='checkCube(this)'></div> 

その後datasetを使用次のような属性値を取得する：

var check = cube.dataset.value;