요소 값 가져 오기

Question

요소의 값을 확인하려고 시도하지만 클래스를 검사 할 때 undefined을 반환합니다.

HTML :

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

자바 스크립트 :

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() 메소드는 요소의 지정된 이름을 가진 속성 값을 반환합니다.

Answer 3

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>

다음과 같이 수행하십시오.

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;