在尝试为网络选择语言时，我收到一条错误，内容为 [无法读取 null 的属性（读取“addEventListener”）]

Question

java代码（错误代码放在addEventListener处）

const translations = {
    en: {
        text1: "testing"
    },
    no: {
        text1: "testing"
    },
    gm: {
        text1: "testen"
    }
}


const languageSelectop = document.querySelector("LS");

这里有问题

languageSelectop.addEventListener("change", (event) => {
    setLanguage(event.target.value)
})

const setLanguage = (language) => {
    if(language == "no"){
        console.log(language);
    }else if(language == "en"){
        console.log(language)
    }else if(language == "gm"){
        console.log(language)
    }
}

html 代码（据我所知，没有明显的问题）

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Arctic Fox Web - WIP</title>
        <script type="text/javascript" src="js/Language.js"></script>
        
    </head>
    <body>

        <div>
            <select name="" id="LS">
                <option value="en">English</option>
                <option value="no">Norsk</option>
                <option value="gm">Deutsch</option>
            </select>

        </div>

        <div>
            testing
        </div>
        <div>
            testing
        </div>
    
    </body>
</html>

我正在关注 yt 上的教程，因此我不太知道出了什么问题，如果需要的话，这里是视频Youtube

Answer 1

在此行发出

const languageSelectop = document.querySelector("LS");

。 ID 选择器以

开头，类选择器以

开头您的线路的正确版本是

const languageSelectop = document.querySelector("#LS");

。有关选择器的更多详细信息请参见此处 CSS 选择器

在尝试为网络选择语言时，我收到一条错误，内容为 [无法读取 null 的属性（读取“addEventListener”）]

问题描述投票：0回答：1

1个回答

最新问题

在尝试为网络选择语言时，我收到一条错误，内容为 [无法读取 null 的属性（读取“addEventListener”）]

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1