javascript - 未捕获的TypeError : Cannot read property 'style' of undefined in object-6ren

javascript - 未捕获的TypeError : Cannot read property 'style' of undefined in object

转载作者：行者123 更新时间：2023-12-03 08:55:22

26

4

我不知道我在这里想念的是什么，您能帮我吗？

这是我的代码:

<!DOCTYPE html>    
<html>
<head>
    <title>SNOW</title>
    <meta charset="UTF-8">
</head>
<body>  
<div id="snowDiv">*</div>
</body>
<script>
    var SNOW = function () {
        this.top = 0;
        this.left = 0;
        this.snowflake = document.getElementById('snowDiv');
        this.snowflake.style.margin         = this.top+'px 0px 0px '+this.left+'px';
        this.snowflake.style.positon        = 'absolute';
        this.snowflake.style.zIndex         = '1';
        this.snowflake.style.position       = 'absolute';
        this.snowflake.style.height         = '5px';
        this.snowflake.style.width          = '5px';
        this.moveSnow = function () {
            SNOW.top += 2;
            SNOW.left += 5;
            SNOW.snowflake.style.margin = SNOW.top+'px 0px 0px '+SNOW.left+'px';
            window.requestAnimationFrame(SNOW.moveSnow);
        };
    };
    var snowing = new SNOW();
    snowing.moveSnow();
</script>

如果我将moveSnow函数放在SNOW对象之外，则它可以工作，但不能那样。

最佳答案

这是因为SNOW引用对象构造函数，而不是this引用的实例。创建一个引用this的变量，即that = this。现在，您可以将东西应用于方法中的实例。

 var SNOW = function () {
    this.top = 0;
    this.left = 0;
    this.snowflake = document.getElementById('snowDiv');
    this.snowflake.style.margin         = this.top+'px 0px 0px '+this.left+'px';
    this.snowflake.style.positon        = 'absolute';
    this.snowflake.style.zIndex         = '1';
    this.snowflake.style.position       = 'absolute';
    this.snowflake.style.height         = '5px';
    this.snowflake.style.width          = '5px';
    var that = this;
    this.moveSnow = function () {
        that.top += 2;
        that.left += 5;
        that.snowflake.style.margin = that.top+'px 0px 0px '+that.left+'px';
        window.requestAnimationFrame(that.moveSnow);
    };
};
var snowing = new SNOW();
snowing.moveSnow();

<div id="snowDiv">*</div>

关于javascript - 未捕获的TypeError : Cannot read property 'style' of undefined in object，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27581502/

26

4

0

文章推荐： c# - FileResult + redirectToAction出现错误

文章推荐： vba - VBA Vlookup错误处理

文章推荐： javascript - phpstorm javascript如何显示对象没有功能错误

文章推荐： spring - “Connect timeout”在 Spring ws仍然存活吗？

json - 我收到 "Invalid template property or properties"模板验证错误 : Invalid template property or properties [IPAssoc, IPAddress]”
您好，下面是我在 AWS 中创建启用了弹性 IP 的实例的模板。但是我不确定我哪里出错了。我已经通过在线 json 验证器验证了 json，仍然面临问题请帮忙 { "AWSTemplateForm
swift - Property Observer swift 了解属性(property)的属性(property)
标题有点乱，但已经说明了一切。我想在一个属性的属性上有一个属性观察器: class A { var b: B init() { b = B() } fu
c# - 包括属性(property)但排除该属性(property)的属性(property)之一
假设我的一个 Controller 中有这样的方法: [Route("api/Products")] public IQueryable GetProducts() { return db.P
reactjs - 流程给出错误 "Cannot assign [value] to this.[property] because property [property] is missing in [class]"
这有效: // @flow import React, {Component} from 'react'; type Props = {}; class Delete extends Componen
WPF MVVM : Notify property changed one property everytime some other property is changed
我有一个 ViewModelBase 类，我在其中为 INotifyPropertyChanged 接口(interface)定义了 RaisePropertyChanged 方法。大多数 MVVM
binding - WPF 绑定(bind) : how to make property being changed when the property of it's property changed
我创建了类: class StorageBase { public Queue Slices {get;set;} } 和 wpf 自定义控件，它具有 StorageBase 类型的依赖属性
properties - log4j2.properties 系统日志不工作
我的 java 应用程序问题是 log4j2 系统日志不是写在 'local1.log' 中而是'消息'。我的/etc/rsyslog.conf 在/etc/rsyslog.conf 中配置为 'lo
javascript - 为什么需要在对象中使用 this.property=property ？
为什么需要在对象中使用 this.property = property ？它是用来定义对象的“外部世界”的属性吗？ function Person(property) { this.property
objective-c - 属性(property)继承 : Auto property synthesis will not synthesize property
摘要: 这个问题是关于属性的继承与从彼此继承属性的类的内部和外部的不同读/写访问相结合。详细信息: 我有一个类 A 和另一个继承自 A 的类 B。 A 中声明了属性someProperty。我希望该
c# - 什么是更好的设计/实践 : Nullable property or 1 value property and 1 bool "has" property?
我正在开发 ASP.NET MVC 应用，设计域模型，使用(测试)新的 EF Code First 功能。我有一个可能有也可能没有截止日期的事件实体，处理它的最佳方法是什么？ 1 个属性: publ
android - 关于 gradle.properties、settings.gradle、gradle-wrapper.properties 和 local.properties 的一些说明
我在配置项目时经常使用它们，但大多数情况下都是按照指示添加 fragment 。我完全不知道哪个文件到底是做什么的。谁能清楚地说明每个文件的用途。到目前为止我认为 local.properties
python - 在架构 'required' 中验证 ['properties' 失败] ['rasa_nlu_data' ] ['properties' ] ['common_examples' ] ['items' ] ['properties' ] ['entities' 1010 ] 0x1010456767
在运行 python 文件以使用 rasa nlu 训练文件时，我在命令提示符下收到此错误我目前正在使用 Windows 10 rasa_core==0.8.2 rasa_nlu==0.11.4 p
properties - log4j.properties 文件中的 AsyncAppender
我在这方面遇到了一些麻烦，尽管我已经搜索了答案，但还是找不到。为了使用 AsyncAppender，我看到了很多不同的 log4j 配置，无论如何，它们都与 .properties 配置文件无关。
Python @property 与 @property.getter
我正在编写一个 Python 类，并使用 @property 装饰器为该类创建属性。我在文档中没有找到太多关于这个装饰器的信息，但是从我可以从 Stack Overflow 和我的 Python l
properties - 如何在 gradle.properties 中使用用户环境变量
在 gradle 任务中，我可以创建这样的路径: System.env.FOLDER_PATH + '/subFolder' 但我想在我的 gradle.properties 中设置它，所以它会像 s
properties - .properties 文件的 log4j2 KeyValuePair
如何在属性文件的 log4j2 中创建键值对？我知道在 log4j 版本 1 中它是这样完成的: log4j.appender.x.additionalFields={'key': 'value'}
properties - 为什么在 D 中使用 @property？
我想通了 struct PropertyTest { @property int x() { return val; } @property void x( int newVal )
properties - 在哪里包含 jaxb.properties 文件？
我有 REST (Jersey) webservice，它利用了一些编码/解码到/来自 XML 的数据对象。数据对象位于 webservice war 所依赖的单独项目/jar 中。我使用 MOXy
javascript - this.property 和带冒号的 property 的区别
我正在创建一个 LinkedList 类: function LinkedList(){ ... 有什么区别: this.addNode = function(data){
ios - 属性(property)还是非属性(property)？
关于语义的快速问题:) 如果我正在编写一个协议(protocol)，这是首选: // (a) @protocol MyProtocol @property (nonatomic, copy) NSSe

首页

博学

6Ren·AI

商城

javascript - 未捕获的TypeError : Cannot read property 'style' of undefined in object