2017-12-09 1 views
-1

안녕하세요, 버튼 내에서 값을 증가시키고 버튼을 클릭 할 때마다 1 씩 증가시키고 싶습니다. 내가 지금까지 가지고있는 코드는 다음과 같습니다<a> 태그 내에서 값을 증가시키는 방법

<a data-role="button" data-icon="shop" class="ui-btn-right ui-shadow ui-corner-all ui-btn-icon-center ui-icon-heart" id="Count" style="text-align: center;">0</a> 

<script> 


btn.onclick = function() { 
    var linkText = parseInt(document.getElementById('Count').value); 
    value = isNaN(value) ? 0 : value; 
    value++; 
    document.getElementById('Count').value = value; 
    } 
</script> 

I 버튼을 누를 때 일단은 <a></a>의 값을 업데이트하지 않습니다하지만. 나는 예를 <a>0</a>에 대한 <a> 태그의 값을 변경할 수 있도록 원하는 버튼을 누를 때 한 번 <a> 태그는 입력 요소에 예약 한 속성입니다 <a>1</a>

+0

'어떻게 정의 btn'이야? 모든 콘솔 오류? – Utkanos

+0

여기에 실제 코드 버튼의 모양이 표시됩니다. code updated – user7388968

+0

앵커 태그의 텍스트에 접근하려면'innerHTML','innerText' 또는'textContent'를'value' 대신에 사용하십시오. btn.onclick = function() { var value = parseInt (document.getElementById ('Count'). innerHTML);를 사용하십시오. 값 = isNaN (값)? 0 : 값; 값 ++; document.getElementById ('Count'). innerHTML = value; }'. –

답변

1

사용 textContent 대신 value를 표시합니다.

var count = document.getElementById('Count'); 
 

 
document.getElementById('button').onclick = function() { 
 
    var linkText = +count.textContent; 
 

 
    count.textContent = ++linkText; 
 
}
<button id="button">Increment</button> 
 

 
<a data-role="button" id="Count">0</a>

+0

이 코드 덕분에 문제가 해결되었습니다. – user7388968

관련 문제