如何更新所有P元素

Question

好的，这是背景故事：

我正在学习编写普通的javascript，因此尝试使用此方法解决所有问题。

从下拉列表中选择选项后，我编写了以下代码来更改所有

标签上的字体。

该代码有效，但仅适用于第一个

元素。

我试图将querySelector更改为querySelectorAll，但我得到的只是一个错误：

“未捕获的TypeError：无法设置未定义的属性'fontFamily'     在HTMLSelectElement处。 （script.js：23）“

我浏览了无数的董事会和论坛，但是运气不佳，您能提供的任何帮助将不胜感激

<div id="dropdown">
        <select id="font" name="font">
                <option value="Noto Serif TC, serif" name="choice0" selected="selected">Choose</option>
                <option value="El Messiri, sans-serif" name="choice1">El Messiri</option>
                <option value="Lobster, cursive" name="choice2">Lobster</option>
                <option value="Charmonman, cursive" name="choice3">Charmonman</option>
                <option value="Dokdo, cursive" name="choice4">Dokdo</option>
        </select>
    </div>

document.getElementById('font').addEventListener('change', function() {

document.getElementById('font').addEventListener('change', function() {
document.querySelectorAll('p').style.fontFamily = this.value;

}，否）；