동적으로 생성 된 요소 액세스 및 제거

Question

for 루프를 사용하여 고유 ID가있는 이미지 묶음을 만들었습니다. 그들은 다음과 같이 보입니다 :

<img src="image.jpg" id="110021002" /> 
<img src="image.jpg" id="110021003" /> 
<img src="image.jpg" id="110031002" /> 
... 

나중에 코드에서 이미지 중 하나를 선택하여 제거하고 싶습니다.

var removeId = '110021002'; 
var img = document.getElementById(removeId); 
img.parentNode.removeChild(img); 

그러나 나는 다음과 같은 오류를 얻을 : 나는 다음과 같은 노력

Cannot read property 'parentNode' of null 

여기에 무슨 일이 일어나고 있는지 확신하지 않습니다. 이미지가 동적으로 생성 되었기 때문입니까?

Answer 1

코드 처음으로 요소을 제거하면 두 번째 시도에서 명백하게 요소가 없으며 주어진 오류가 발생합니다. 바이올린에

: 한 번

• 클릭, 다시
• 클릭 작동이 ID를 가진 요소가 더 이상 없기 때문에 실패합니다.

네, 숫자는 숫자로 시작할 수 있습니다.

**Attribute ID** Specifies a unique id for the element. Naming rules: 
Must contain at least one character 
Must not contain any space characters 
In HTML, all values are case-insensitive 

Answer 2

start with a number의 ID를 사용할 수 없습니다. 그들 앞에 접두어를 붙이십시오.