未捕获的样式:无法读取属性‘TypeError’(JS -- OnClick事件)
未捕获的样式:无法读取属性‘TypeError’(JS -- OnClick事件)是指在JavaScript中使用OnClick事件时出现的错误。这个错误通常是由于代码中的语法错误或逻辑错误导致的。
解决这个问题的方法有以下几种：
- 检查代码语法：首先，确保代码中没有语法错误。检查拼写错误、缺少分号、括号不匹配等常见的语法错误。
- 检查变量和函数：确保在使用OnClick事件时，相关的变量和函数已经正确定义和初始化。如果使用了未定义的变量或函数，就会导致无法读取属性的错误。
- 确保元素存在：在使用OnClick事件时，需要确保相关的HTML元素已经正确加载和存在于页面中。如果元素不存在，就无法读取其属性，从而导致错误。
- 确保事件绑定正确：检查OnClick事件是否正确绑定到了相应的HTML元素上。确保事件绑定的语法和逻辑正确，以及事件处理函数是否正确定义。
- 使用调试工具：使用浏览器的开发者工具或其他调试工具来定位错误。通过查看控制台输出、断点调试等方式，可以更准确地找到错误的原因。
总结起来，未捕获的样式:无法读取属性‘TypeError’(JS -- OnClick事件)错误是由于JavaScript代码中的语法错误、逻辑错误、变量或函数未定义、HTML元素不存在或事件绑定错误等原因导致的。通过检查代码语法、变量和函数定义、HTML元素存在与否、事件绑定等方面，可以解决这个错误。
相关·内容
我正在尝试在网页上实现Jquery日期时间选择器，但一直收到以下错误：
未捕获的TypeError:无法读取未定义的属性“”timepicker“”
我从这里下载了timepicker插件：
以下是生成错误的代码部分：
$.ui.timepicker = $.ui.timepicker || {};
if ($.ui.timepicker.version) {
return;
}
在我的网页上，我有以下内容：
<script type="text/javascript" src="/Scripts/jquery-lib/jquery-2.0.3.js&
浏览 0提问于2013-09-01得票数 6
回答已采纳
我有一个javascript函数，当你点击"+“标签时，它会创建一个新的标签并将它添加到HTML中。然后，这个新选项卡就会显示出来，但是，它不会与我的css一起显示。我已经扫描过我的代码很多次了，我不知道我做错了什么。我是HTML/CSS/Javascript的新手，有Java背景，如果这对我有帮助的话。
function addTab() {
//create a new div element
const newDiv = document.createElement("div");
//create the id and add tab con
浏览 0提问于2020-09-30得票数 0
1回答
我在一个网站上工作，在那里我正在尝试使用js插件scrollorama -
我已经在网站上很好地设置了插件，除了我的div是按百分比完成的，并根据窗口大小调整大小，显然它不能很好地与视差插件一起工作。插件绝对定位div，并以像素为单位定义“top”属性。在调整大小时，它不会改变，它会导致div在它们之间有间隙。
我在另一个问题上发现了一个可能的解决方案，但当我试图更改为我的网站工作时，它似乎没有任何作用。这是插件js --
总而言之，我想向div部分添加一个类，并根据屏幕大小/百分比计算必要的css属性。
另外，我注意到控制台日志中有一个错误，它可能也会影响一些事情--未捕获的TypeE
浏览 1提问于2014-01-09得票数 1
下面的代码在我的另一个项目中运行良好，但是当我在当前项目中放置一个对象以div时，它会保持弹出这个错误。是否需要注意placeAt()方法？
rest.then(function(response){
var dataset = response.data;
array.forEach(dataset, function(single, i){
if(dataset[i].favorite){
favorite++;
浏览 0提问于2015-09-14得票数 0
回答已采纳
我正在测试nodejs API和我在karma.config.js中包含的文件
我得到了以下错误:请求未定义。然后，根据其他帖子中给出的建议，我在该文件中添加了browserify，但现在我得到了不同的错误。
` files: [
'poc/app/api.js', // file where there is require statements
'tests/sample.test.js' // my test file
],
preprocessors: {
'po
浏览 0提问于2017-03-21得票数 0
我遇到了一个问题，我调用AJAX将图像加载到一个carousel中，它破坏了与每个图像(电子邮件、twitter和facebook)相关联的shareThis单击/悬停事件。
我已经读过了所有的内容
stButtons.locateElements();
它应该解决这个问题，但它没有。什么都不会发生，按钮仍然不可点击/没有悬停事件。我还尝试重新加载脚本：
var switchTo5x = true;
$.getScript('//ws.sharethis.com/button/buttons.js', function () {
stLight.options({
浏览 1提问于2012-11-20得票数 0
回答已采纳
我正在尝试能够每秒执行一个'click‘事件。我可以创建一个每秒运行的函数，但实际上并不执行“click”事件。我是不是做了什么傻事？感觉这应该是一件容易的事情。 我收到以下错误：“未捕获单击:无法读取属性‘TypeError’of null” 为什么会发生这个错误，如何修复它？我只想编程点击，而不是手动点击按钮，另一篇Stack Overflow帖子建议只使用.click()。 感谢你在这里的帮助... function click_fn() {
console.log('button clicked...');
}
function yourFunct
浏览 11提问于2019-09-07得票数 1
回答已采纳
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
我正在尝试开发一个Tic Toe应用程序，然后我得到了TypeError。(TypeError:无法读取未定义的属性“0”)
我认为这个问题与"onClick“和"items”值在Board.js中不能正确声明有关。
错误: components/GameLayout/board.js:7
4 |
5 | function Board({ onClick, items }) {
6 | const gameSquare = (e) => {
> 7 | return <BoardSquare value={items[e]}
浏览 3提问于2020-10-28得票数 0
回答已采纳
2回答
我有两门课：
offcanvas-menu-selector和sub-navigation.默认情况下，sub-navigation的左值是left:-250px。单击left:0px后，我希望将此值更改为offcanvas-menu-selector
我尝试了以下几点：
$('.offcanvas-menu-selector').onclick(function(){
$('.sub-navigation').css({left: 0, position:'absolute'});
});
但这是行不通的。给我一个错误：Uncaught
浏览 3提问于2014-12-03得票数 0
回答已采纳
尝试将厨房水槽网格示例合并到Sencha/Extjs的Local应用程序中
当我运行sencha app watch打开chrome工具检查器时，我得到这个错误：Uncaught TypeError: Cannot read property 'isBufferedStore' of undefined
浏览 13提问于2020-05-29得票数 0
我有一个异步函数，它从API中获取json，然后用Node.js返回它。本质上， export async function getThing(URL){
let res = await fetch(URL);
let data = await res.json();
return data;
} 据我所知，这应该是一个承诺。在调用函数中，我将其赋值给一个变量，然后将其他变量赋值给它的属性，并从中构建一个对象。 async function dostuff(){
let inner = await exportedfile.getThing(URL);
let gamed
浏览 39提问于2019-04-18得票数 0
回答已采纳
Uncaught :无法设置未定义的main.js的属性“dropEffect”
未定义TypeError:无法读取未定义的属性“文件”
这里怎么了？
.coffee
$ ->
app = new Viewr
class Viewr
constructor: () ->
$('#drop_zone')
.bind('dragover', @handleDragOver)
.bind('drop', @handleDrop)
handleDrop: (evt) ->
evt.sto
浏览 3提问于2013-02-09得票数 8
回答已采纳
我一开始真的以为我的代码不能工作..但是后来我尝试在一个干净的页面中创建一个非常简单的点击事件，我的jquery在.html上工作，但是当我在我的XAMPP服务器上打开.php时，当它被点击时，它不会做任何事情，但它会提醒第一个。
index.php
<html>
<head>
<script src="js/jquery-3.2.0.min.js"></script>
</head>
<body>
<?php include "includes/widgets/login.p
浏览 2提问于2017-04-06得票数 0
我想知道是否有人能够借给我他们关于Google Maps API的知识。我也读过类似的问题，但还是想不出答案。正如标题所说，在我的浏览器控制台中显示的错误是：
Uncaught TypeError: Cannot read property 'firstChild' of null
我理解这意味着传递值的方式有问题；以下是我在Chrome中sources指向的相关代码片段：
// --- Global Variable
var map;
// --- View Model.
function AppViewModel() {
// Initial Map
map
浏览 1提问于2017-03-21得票数 29
回答已采纳
1回答
在我的视图中，当尝试启动函数prova时，此错误比较:未捕获元素:无法读取未定义的属性‘TypeError’。错误发生在行:var map=新的google.maps.Map(document.get.Element.By.Id('pagina')，选项)；
var HomeView = Backbone.View.extend({
template: Handlebars.compile(template),
events: {
"click .log_out":"log_out",
"click .p
浏览 1提问于2013-05-12得票数 0
我有index.js，gettext.js和extract.js。
index.js
app.post("/anaData", async function(req, res) {
const someData = await docExtract(req.body['file_name'])
const data = await getData(someData)
.....
....
}
gettext.js
async function docExtract (file_name) {
return new Promise(resolve
浏览 6提问于2021-03-01得票数 0
我在应用程序中放入了一个全局模式的“正在加载，请等待”<div>。它会在每次单击<a>或<input type="button">时显示。这是通过在onload中为<body>分配一个onclick事件处理程序来实现的，这样它就会在事件出现时执行：
<body onload="setup()">
<!-- No control over what will be here -->
</body>
<script>
function setup() {
浏览 0提问于2012-09-28得票数 2
回答已采纳
2回答
我一直收到这样的错误："pause_button.js:6未捕获TypeError:无法读取null(匿名函数)@pause_button.js:6的属性'addEventListener‘“。不知道哪里出了问题，但这里有代码，如果有人能帮我解决这个问题，那就太棒了。
var vid = document.getElementById("bgvid"),
pauseButton = document.getElementById("vidpause");
function vidFade() {
vid.classList.add("st
浏览 0提问于2016-05-06得票数 0
我试图按照您给我的指示查询api，但我得到了以下错误：
(索引)：30 TypeError:无法读取未定义属性(读取'dataResponse')在回调((索引)：30)在HTMLButtonElement.onclick (索引)：23)回调@(索引)：30 onclick @(索引)：23
api指令你能帮我一下吗
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="
浏览 1提问于2021-10-12得票数 1
1回答
有人能解释一下为什么这个“添加到购物车”按钮在移动设备上不起作用吗？
它甚至没有触发点击，我没有收到警报弹出窗口。
它不能与"click"一起工作，所以我改用"click touchstart" (我知道这不是一个理想的解决方案)，但我只是想能够触发js。
没有成功。
它是一个触发jquery函数的<a>标签，在所有浏览器上都能很好地工作，但不能在移动设备上工作。
下面是javascript代码：
$('body').on('click touchstart', '.add-to-cart', func
浏览 0提问于2016-06-23得票数 0
在有人通过表单提交他们的全名和电子邮件地址后，我正在尝试发送xAPI声明。除了发送声明外，我还想显示一个video.html页面，通过该页面，他们可以观看视频。我知道在GitHub上有一个这样的例子，但我正在尝试自己做一个简单得多的例子。有没有人可以看看我下面的尝试，告诉我为什么它不工作。非常感谢。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/xapiwrapper.min.js"&g
浏览 0提问于2016-04-21得票数 0
3回答
这是目前我的HTML
<input type="text" id="input"><br>
<input type="text" id="Result"><br>
<button id="input-button" onclick="inputNumero()">Add it in</button>
<button id="calculate" onclick="calculator()"&
浏览 3提问于2015-02-13得票数 0
我使用( let obrazek = document.createElement("img")；)创建了一堆图像，并使用( obrazek.style.opacity = 0.9；)将它们的不透明度设置为0.9，还添加了onclick。 基本上，我只想在单击其中一个图像后将其不透明度更改为1.0，但它不起作用，错误-未捕获TypeError:无法设置未定义的属性(设置' opacity ')。 我尝试使用obrazek.addEventListener("onclick"，zaznacz)；，但是函数本身不工作，但是没有错误。 我开着JQue
浏览 14提问于2021-11-02得票数 1
我正在尝试使用javascript验证文本字段。return false运行得很好。但是return true不起作用。
HTML
<form namme="frms" action="booking_management.php">
<input type="text" name="total" id="totald" value="" onkeyup="calbill()" class="input"/>
<input
浏览 4提问于2015-03-05得票数 0
我试图使用以下函数读取Excel数据文件：
handleFiles = (f, evt) => {
var name = f.name;
const reader = new FileReader();
reader.onload = evt => {
/* Parse data */
const bstr = evt.target.result;
const wb = XLSX.read(bstr, { type: "binary" });
console.log("data&g
浏览 0提问于2019-04-17得票数 0
回答已采纳
我正在尝试制作一个简单的重置按钮，使用onClick向函数发送一个字符串。
<button
type='reset'
value='Reset'
id='reset-btn'
onClick={() => {
this.onInputChange('0')
}}
>
Reset
</button>
我有onInputChange函数，它接受输入值。使用console.log(事件)在onIn
浏览 2提问于2020-03-30得票数 0
回答已采纳
我试图通过处理各种可能发生的异常，使我的代码更加健壮。一个可能是Json web请求的404异常。当Json请求得到一个404异常时，store.load的回调方法看起来并没有被调用。
代码：
Ext.regModel('Activiteit', {
fields: [
{ name: 'id', type: 'int' },
{ name: 'ServerId', type: 'int', mapping: 'Id' },
{ nam
浏览 1提问于2011-08-19得票数 8
1回答
你能告诉我为什么我的JS不能工作吗？
当我在地图中单击时，它应该将标记div移动到鼠标xy上。
浏览 0提问于2011-01-21得票数 0
回答已采纳
$client = [
'info' => [
'company' => 'Apple',
]
];
echo $client['information']['company'] ?? 'N/A';
上面的PHP代码将以静默方式将N/A显示为输出。而下面的Javascript将抛出一个Uncaught TypeError
var user = JSON.parse(' { "info" : { "company" : "a
浏览 0提问于2020-12-19得票数 1
我是新手，如果能得到任何帮助，我将不胜感激。所以我在Sharepoint列表中有一个要求。当任何任务过期时，我需要对列进行着色。我有一个Datetime列，这是sharepoint中的一个计算字段，还有一个Status列，它是一个下拉列表-我使用以下代码 <script type="text/javascript">
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function() {
SPClientTemplates.TemplateMana
浏览 15提问于2020-09-12得票数 1
我们的js播放器可以在firefox中正确加载，但不能在Chrome或IE中运行。我尝试了stackoverflow中提到的其他解决方法，以解决以下错误：
未捕获TypeError: Object #没有方法“fancybox”
4event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。
但是不起作用。我尝试异步加载js文件，但似乎无法在chrome和IE中加载。
这是我们的页面网址：
按下绿色的播放按钮应该会打开下一张幻灯片，你可以在firefox中看到。
浏览 4提问于2012-05-10得票数 1
2回答
我对Node.js非常陌生，我不确定完全理解这个错误实际上意味着什么：
process.on('uncaughtException'，err => {
^
TypeError: process.on不是一个函数
我认为不应该导入，因为它是自动注入的。我的代码是这样的：
var settings;
var jsonfile = require("jsonfile");
var file = "server/settings.json";
try {
var obj = jsonfile.readFileSync(file)
浏览 0提问于2019-01-15得票数 1
回答已采纳
3回答
我正在尝试使用按钮点击的navigateurl属性，但它似乎被损坏了。我得到了下面的错误：
:53806/node_modules/@angular/core/bundles/core.umd.js:1389 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'component' of null
TypeError: Cannot read property 'component' of null
at PreActivation.setupRouteGuards (
浏览 0提问于2017-11-23得票数 1
在按下一个类型为button的按钮后，我需要调用一个javascript。
<button type='button'
class='btn btn-sm btn-primary pull-right m-t-n-xs'
style='width: 100%;' id='demo' onclick='demo();'>
<strong>Edit</strong>
</button>
我尝试过下面的javascri
浏览 3提问于2017-03-22得票数 0
function submit() {
console.log('Submit!');
}
function foo(callback, param) {
console.log(callback);
// ... //
callback(param); // <-- Script fails here
}
<input type="button" onclick="foo(submit)">
为什么这不管用？
function submit() { [native code] } f
浏览 4提问于2014-08-03得票数 0
回答已采纳
我正在尝试生成用于显示的JSON，单击Konva对象。除onClick外，所有属性都按预期工作。
如何使用Laravel：：JSON ()在json中传递JS函数？
这是我试过的。
return Response::json([
'status' => 'completed',
'message' => 'Question ID:'.$id.' Retreived',
'data' => [
浏览 0提问于2021-07-04得票数 2
回答已采纳
我正在尝试建立一个火箭模型，通过添加不同的形状到一个大的组，并将它们放置在特定的轴线上。
当我尝试启用
rocketCone.position.y = 15;
所以火箭飞船的顶部更高，我会收到一条错误信息
“未捕获TypeError:无法设置未定义的属性'y‘”
浏览 2提问于2019-03-24得票数 0
我一直在尝试将TinyMCE编辑器配置为全天显示文本颜色插件的前色和背景色按钮。
我在插件列表中有textcolor，在theme_advanced_buttons2设置中有|，forecolor，backcolor。我使用的是TinyMCE 4.0。
按钮有一个空间，但图标不显示--所有其他图标都显示，只是不显示前色或背景色。当我检查Chrome中的元素时，我看到元素就在那里：
<a role="button" id="id_text_forecolor" href="javascript:;" class="mceButton
浏览 0提问于2013-07-04得票数 2
我有一个奇怪的问题，希望你能帮我解决。
我在一个开发网站上运行了 --我使用一个简单的表单来允许用户输入数据。
在同一页上，输入数据后会显示一个Highchart。
数据输入表单有非常简单的基于jQuery的片段，例如。表单验证、最大字符数计数器等。
发生的情况是，当数据库中有图表数据时，图表将正确绘制，并且在您尝试输入新的数据点时，其余的JS片段将按预期工作。
但是如果数据库中没有数据(因此没有显示Highchart )，我的所有JS代码片段就会停止工作。
在Firebug控制台上，当没有数据形成图表时，我会得到这个错误：
jb is null
function n(m,h){kc=ya(a
浏览 2提问于2011-03-30得票数 8
回答已采纳
在'currentTarget‘中，当我运行我的代码时，我得到一个错误。
我试着研究这个问题，但我找不到任何有用的东西。
<code>A0</code>
index.js:12未捕获TypeError:无法读取index.js:12处未定义的属性“”currentTarget“”
浏览 24提问于2019-08-23得票数 0
我正在使用MapBox GL JS构建一个ReactJS Mapbox项目。
我的代码演示如下：
const Map = () => {
var map;
const [testState, setTestState] = useState(1);
const testApp = () => {
console.log(typeof map);
setTestState(2); // set state
map.easeTo({
....//some code
})
}
useEffect(() =>{
浏览 0提问于2021-02-19得票数 0
3回答
我有一个动态创建的锚标记，这个锚标记有一个onclick事件，如下所示：
$('#'+educationHistoryId).append("<span>"+degreeTitle+"</span>" + "<a href='javascript:void(0)' onclick='deleteEducationLevel(" + educationHistoryId + ");'>Delete</a>");
当我点击这个锚时，我看到
浏览 4提问于2014-07-14得票数 0
回答已采纳
1回答
我使用了下面的插件cordova- plugin
方法:-
watchSMS() {
if(window.SMS) window.SMS.startWatch(function(){
console.log('Succeed to start watching SMS');
document.addEventListener('onSMSArrive', this.smsArived);
}, function(){
console.log('failed to start watching SMS&
浏览 1提问于2017-10-03得票数 0
1回答
我知道这个问题可能已经得到了答案，但我无法使它发挥作用。请记住，这在WordPress之外运行得很好。
当页面被加载时，我得到了这个错误：(索引)：54 TypeError:无法读取属性'addEventListener‘的null at (索引)：54。
当单击“隐私策略”时，我会收到此错误：(索引)：50未登录的TypeError:无法在togglePopup ((索引)：50)的HTMLDivElement.onclick ((索引)：477)处读取null的属性'classList‘
HTML：
<div class="popup-backdrop
浏览 1提问于2018-09-08得票数 0
1回答
因此，我在使用jQuery的同时使用了数据表，并且对为什么这不起作用感到有点困惑。我的HTML如下所示：
<table id="surnamePrimaryPartitionTable" border=1 class="display partitionDisplay">
<caption>Partitions</caption>
<thead>
<tr style="background-color: #afeeee;">
<th>Partiti
浏览 3提问于2013-01-23得票数 4
回答已采纳
我尝试从创建模式，但由于“未捕获TypeError:无法设置未定义的属性'display‘”而无法正常工作。如何修复它？
var modal = document.getElementsByClassName("modal-inner");
var btn = document.getElementsByClassName("open-button");
var close = document.getElementsByClassName("close-button")[0];
btn.onclick = function () {
浏览 0提问于2019-07-17得票数 0
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
我有一个wxpython对话框，它在单击OK按钮时会引发一个TypeError异常。我想用unittest测试异常的发生，但是测试不像预期的那样工作。输出显示异常被引发。无论如何，单元测试都会通知测试失败：
"C:\Program Files (x86)\Python\python.exe" test.py
Traceback (most recent call last):
File "test.py", line 22, in on_ok
raise TypeError( 'TypeError raised' )
TypeErro
浏览 3提问于2016-11-08得票数 1
回答已采纳
总之，我已经得到了一些我正在尝试调试的代码，并且我在我的JS控制台中使用了以下代码：
clickEvents = $('ul.breadcrumb[data-allownextonly]').data("events").click;
jQuery.each(clickEvents, function(key, value) {
console.log(value.handler);
})
当我执行此命令时，我得到错误: TypeError:未定义的不是一个函数
我的问题是，是什么导致了这种情况的发生？根据我读到的大多数内容，它处理了jQuery未正确加
浏览 0提问于2012-05-31得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
