Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法读取属性';增补列表器';_Javascript_Html_Addeventlistener - Fatal编程技术网

Javascript 无法读取属性';增补列表器';

Javascript 无法读取属性';增补列表器';,javascript,html,addeventlistener,Javascript,Html,Addeventlistener,我正在学习JavaScript,我正在尝试使用JavaScript创建一个报价生成器,但我在显示报价时遇到问题,并不断收到错误消息: ERROR { "Message": "Uncaught TypeError: Cannot Read Property 'AddEventListener' Of Null", } ERROR { "Message": "Uncaught TypeError: Cannot Re

我正在学习JavaScript,我正在尝试使用JavaScript创建一个报价生成器,但我在显示报价时遇到问题,并不断收到错误消息:

ERROR {
  "Message": "Uncaught TypeError: Cannot Read Property 'AddEventListener' Of Null",
  
}
ERROR {
  "Message": "Uncaught TypeError: Cannot Read Property 'AddEventListener' Of Null",
  
}
ERROR {
  "Message": "Uncaught TypeError: Cannot Read Property 'AddEventListener' Of Null",
  
}
ERROR {
  "Message": "Uncaught TypeError: Cannot Read Property 'AddEventListener' Of Null",
  
}
我的JavaScript代码:

const引号=[
{
姓名:'Stephen King',
格言:“要么忙着活,要么忙着死”
},
{
姓名:“马克·凯恩”,
引述:“当你拒绝成为你第一次发现自己的环境的俘虏时,你就迈出了迈向成功的第一步。”
} ,
{
姓名:'Helen Keller',
引述:“当一扇幸福之门关闭时,另一扇就会打开;但我们常常久久地注视着那扇关闭的门,以至于看不到那扇已经为我们打开的门。”
},
{
姓名:"马克吐温",,
引述:“二十年后,你会对你没有做的事情感到比你做过的事情更失望”
},
{
姓名:'Eleanor Roosevelt',
引用:“伟大的头脑讨论想法;普通的头脑讨论事件;小的头脑讨论人”
},
{
姓名:'David Brinkley',
一个成功的人是一个能用别人向他扔的砖头奠定坚实基础的人。
}
];
const quotobN=document.getElementById(“#Qtbtn”);
const QuoteAuthor=document.getElementById(“#quote author”);
常量引号=
document.getElementById(“#quote”);
quotoBtn.addEventListener('click',randomQuote);
函数randomQuote(){
var rand=Math.floor(Math.random()*Quotes.length);
Quote.innerHTML=Quotes[rand].Quote;
QuoteAuthor.innerHTML=Quotes[rand].name;
}
*{
字体系列:“Josefin Sans”,无衬线;
}
身体{
最小高度:100vh;
显示器:flex;
对齐项目:居中;
证明内容:中心;
背景色:#ffd0a8;
颜色:#333;
字体系列:“Josefin Sans”,无衬线;
字体大小:400;
文本转换:大写;
}
#容器{
文本对齐:居中;
填充:2rem;
边界半径:5px;
背景色:#d6ae8b;
弹性:0.80%;
}
#Qtbtn{
边界:无;
颜色:#fff;
背景色:#d89156;
字体大小:1.8rem;
填充:0.25雷姆0.5雷姆;
边界半径:7px;
光标:指针;
}
#Qtbtn:悬停{
颜色:#e8ccb3;
}
大宗报价{
背景色:#ffd3ad;
左边框:10px实心#fcdbbf;
保证金:1.5雷姆;
填充:0.5雷姆;
}
#引用作者{
颜色:#d89156;
}

报价生成器
名人名言
按以显示报价
引用
引文作者

由于选择器为空,因此出现错误。您没有名为#Qtbtn的ID,您的ID是Qtbtn。getElementById只需要id名称

document.getElementById("Qtbtn");

如果您使用的是基本javascript,则无需指定#或。用于类和ID区分

`const quotoBtn = document.getElementById("#Qtbtn");

const QuoteAuthor = document.getElementById("#quote-author");

const Quote = document.getElementById("quote");
上述代码可以替换为

const quotoBtn = document.getElementById("Qtbtn");

const QuoteAuthor = document.getElementById("quote-author");

const Quote =   document.getElementById("quote");