동적 ID를 사용하여 테이블에 삽입 javascript

Question

테이블을 만들고 이름 목록을 반환하는 javascript 함수가 있습니다. 각 이름은 모바일 웹 사이트에 대한 href입니다. id를 각 href 태그에 추가합니다. id 태그는 id="player + counter"입니다. 각 이름 옆에있는 열에 player1player2 등의 결과가 추가 버튼이 나타납니다. 해당 버튼에는 이름을 데이터베이스에 추가하는 기능이 있습니다. 나는 이것을 다음과 같이 부른다 :

addName(document.getElementById('player + counter').value); 

나는 오류가 발생하지 않습니다. 모든 것이 잘 작동하는 것처럼 보입니다. 추가 값으로 데이터베이스를 볼 때를 제외하고는 이름이 아니며 정의되지는 않았습니다. 나는 이것을 알아낼 수 없다. 모든 것이 잘 보인다. id에 의한 요소가 동적으로 생성되고 페이지에서 시작하지 않기 때문에 그 것으로 가정합니다. 이게 말이 돼??? 필요한 경우 더 자세히 설명 할 수 있지만 모든 것이 잘 작동하는 것 같습니다. 왜 정의되지 않은 값을 삽입합니까?

미안하지만, 나는 질문을 쓸 때 혼란스러워했다. 내가 볼 수있는 구문 오류가 없습니다. 내가 실제로 작성하는 방법 다음과 같이이다 :

onclick("addPlayer(document.getElementById(' + "'txtListName').value, document.getElementById('player" + counter + "').value)") 

나는 그것이 수행하는 방식으로 작동 것이라고 생각 해달라고 인용 또는 무언가에 문제가 있다면.

변경 : 내가 요소를 검사 할 때 2 등을 한 선수는 단지입니다 완벽는 A 태그 ID의 증가, 플레이어 1 플레이어 완벽하게 작동 의미, 단어 플레이어, 그것은이 아마 오류가 변수

Answer 1

밤은 :

addName(document.getElementById('player + counter').value); 

사람 : ...

addName(document.getElementById('player' + counter).value); 

Answer 2

그리고 gdoron의 좋은 제안을 시도 작동하지 않는 경우

addName(document.getElementById(player + counter).value); 

코드가 표시되지 않기 때문에 행운을 빕니다.