잡히지 않은 ReferenceError : 요소 속성의 할당에서 왼쪽이 잘못되었습니다.

Question

대시로 비디오 플레이어를 만들고 있습니다. 내 비디오 컨테이너 요소 내에 <video> 요소를 만들기위한 함수에 데이터 특성을 추가하려고 할 때 "Uncaught ReferenceError : 요소 특성에 대한 할당이 잘못되었습니다."라는 오류가 나타나는 것 같습니다.

videoElement.data-video-id = window.datavideoId; 

좋아, 그래서 내 "데이터 비디오 ID"를 좋아하지 않는다 - :

function createVideoElement() { 
     videoElement = document.createElement("video"); 
     videoElement.id = "video"; 
     videoContainer = document.getElementById("video-container"); 
     videoElement.autoplay = false; 
     videoElement.src = ""; 
     videoElement.controls = true; 
     videoElement.data-video-id = window.datavideoId; 
     videoContainer.appendChild(videoElement); 
     window.addEventListener('popstate', onBackNav); 
     return videoElement; 
    } 

오류가 발생합니다. data-video-id 행을 제거하면 <video> 요소가 적절한 속성으로 작성됩니다. 이 오류가 발생하지 않으면 어떻게해야합니까?

Answer 1

마이너스 (빼기) 연산자로 해석되기 때문에 -을 변수 이름의 일부로 사용할 수 없습니다.

이 문제를 해결하려면, 당신은 당신이 게시 단지로 파악, 이러한 '데이터 비디오 id'속성이 없습니다 videoElement['data-video-id'] = window.datavideoId; 이상 videoElement.setAttribute('data-video-id', window.datavideoId);