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

将额外属性（不是标记全局属性）附加到元素时，最好使用 data-* attributes ：

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

然后使用 dataset 检索属性值，如：

var check = cube.dataset.value;

Answer 3

您可以使用getAttributes获取.getAttribute（）方法返回具有指定名称的属性的值。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

执行以下操作。

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

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

获取元素的价值

4 个答案: