javascript - Uncaught ReferenceError : Invalid left-hand side in assignment on element attribute

Question

这个问题已经有答案了:

How can I access object properties containing special characters? (2 个回答)

已关闭 6 年前。

我正在使用 dashjs 创建一个视频播放器。当我尝试向函数添加数据属性以创建 <video> 时，我似乎收到错误“Uncaught ReferenceError:元素属性赋值中的左侧无效”我的视频容器元素内的元素。

    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;
    }

错误发生在:-

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

好的，所以它不喜欢我的“data-video-id”。如果我删除 data-video-id 行， <video>元素是使用适当的属性创建的。我还能怎样做而不出现此错误？

Answer 1

您不能使用 - 作为变量名称的一部分，因为它被解释为减号(减法)运算符。

要解决此问题，您可以尝试 videoElement['data-video-id'] = window.datavideoId; 或更好的 videoElement.setAttribute('data-video-id', window .datavideoId);