个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在学习用 Javascript 编程。我在这里创建了一个 jsfiddle - http://jsfiddle.net/vvMRX/1/
function turnRed(node,f){
setTimeout(f,2000,[node]);
}
(function pageLoaded(){
turnRed(document.body,function(node){
alert(node);node.style.backgroundColor = '#ff0000';
});
})();
我正在尝试对函数使用 setTimeout 调用来更改正文背景颜色。我将 document.body 作为节点传递。在回调中，我更改了 node.style.backgroundColor 但它不起作用。有趣的是，直接使用 document.body.style.backgroundColor 就可以了。如果我放置一个 alert(node)，它会正确地将其识别为 html bodyelement。
我在这里错过了什么？
感谢回复。
最佳答案
这是在您的 JS 中抛出的以下错误:
Uncaught TypeError: Cannot set property 'backgroundColor' of undefined
这是因为在您的 setTimeout 中，你正在传递 node在一个数组中。但是，在您的回调中，您直接访问了该节点。解决此问题的两种方法是:
更新您的回调以访问 node在 array 内.
(function pageLoaded(){
turnRed( document.body, function(node){
alert(node);
// Updated code below
node[0].style.backgroundColor = '#ff0000';
});
})();
另一种方法是更新您的 setTimeout 并直接传递节点。
function turnRed(node,f){
setTimeout(f,2000,node);
}
这是一个更新的 fiddle :http://jsfiddle.net/vvMRX/3/
您提到使用 document.body.style.backgroundColor工作 - 这是有道理的 - 自 document.body将指向 element包含内容。对于大多数页面，这几乎总是 <body>元素。但是，对于 frameset文档，这将返回外框。 ( w3.org reference )
最后，关于 alert - 这是怎么回事，对吧？你打电话alert(node) , 并显示 [object HTMLBodyElement] ，这意味着您传递了正确的 element ， 正确的？ (至少，我也是这么想的!)
实际发生的是 alert正在提醒您数组的值。
这是一个 fiddle 演示:http://jsfiddle.net/4Lf3J/
您应该看到三个警报。
在第一个alert ，我已经更新了原始警报以调用 node.constructor . Object.prototype.constructor将返回对创建实例的对象的引用 ( MDN reference )。
在这种情况下，我们会看到
function Array() { [native code] }
这有望再次强化您正在通过 array 的想法。 .
第二个alert实际上是在调用 alert(document.body.constructor) ，这是我们最初期望看到的。在这种情况下，我们看到:
function HTMLBodyElement() { [native code] }
最后，第三个 alert显示值 1,2,3,4,5 ，这只是一个具有这些值的简单数组的警报(再次强调警报将警报数组的值的想法 - 这就是您认为警报是正确的原因)。
希望这对您继续学习 JavaScript 有所帮助!
关于javascript - 无法使用 javascript 回调更改正文背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23100632/
25
4
0
我正在研究 learnyounode 的 HTTP 客户端作业。 我想知道为什么控制台记录来自response.on(“end”，callback)的数据仅输出预期输出的最后一部分，而控制台记录来自r
我正在尝试创建一个对象列表(在我的示例中为 List)，我在其中使用 json 将对象添加到此列表，但该列表仍为空。这是我的代码: public List readCardsFromJson() {
我有一个 JavaScript 函数“print_something”，它在大约 300 个 jsp 帮助页面中实现。我发现这个“print_something”函数必须被纠正。所以我正在寻找一个不更
有 2 个 HTML 下拉列表，一个用于 12 小时时间，一个用于每小时 5 分钟的时间间隔。 .. 1 .. 12 .. 0 .. 55 .. 一直在尝试使用 if/
我有一个 A 类，我打算在它与设备驱动程序交互时将其放入共享库中。 我有一个 B 类，将来可能是 C、D、E...，它将使用共享库中的 A 类。 我想要在类 A 中设置回调函数的功能，以便当特定事件发
我需要能够在处理完 Observable.next() 之后执行回调。 我有一个组件“A”，它有一个主题使用 Subject.next() 发送通知。我有一个组件“B”，它订阅了 Subject.as
我有一张在顶部和底部单元格下方带有阴影的表格(此处使用 Matt Gallagher 的解决方案:http://cocoawithlove.com/2009/08/adding-shadow-effe
有人可以向我解释一下为什么这段代码有效 renderSquare(i) { return ( this.handleClick(i)} /> ); } 但
我可以让两个不同的客户端监听相同的 WCF 回调并让它们都接收相同的数据而不必进行两次处理吗？ 最佳答案 不是真的 - 至少不是直接的。你所描述的听起来很像发布/订阅模式。 WCF 服务基本上在任何给
我是 SignalR 的新手，如果这个问题太明显，我深表歉意，但我在文档中找不到任何答案。 这是我的代码。 /*1*/ actions.client.doActionA = function (r
我有这个应用程序，您可以在其中输入一些文本并按下一个按钮，将此文本添加到自定义小部件中。这是代码: import 'dart:core'; import 'package:flutter/materi
我读到当您还想使用模型回调时不能使用 Keras 进行交叉验证，但是 this post表明这毕竟是可能的。但是，我很难将其纳入我的上下文。 为了更详细地探讨这个问题，我正在关注 machinelea
我尝试在重力表单中提交表单失败后运行一些 jQuery 代码，也就是验证发现错误时。 我尝试使用 Ajax:complete 回调，但它根本不触发。 我尝试运行的代码基本上将监听器添加到选择下拉列表中
我有一个 $image，我 .fadeIn 和 .fadeOut，然后 .remove .fadeOut 完成。这是我的代码: $image .fadeIn() .fadeOut(func
我正在处理一个自定义文件路径类，它应该始终执行一个函数 写入相应的系统文件及其文件对象后 关闭。该函数将文件路径的内容上传到远程位置。 我希望上传功能完全在用户的幕后发生 透视，即用户可以像使用其他任
这里是 javascript 新手，所以回调在我的大脑中仍然有点不确定。 我想做的是:给定一个“菜单”，它是一个 objectId 数组，查询与该 objectId 相对应的每个 foodItem，获
我正在学习回调，我编写了以下代码: var http = require('http'); var str = ""; var count = 2; function jugglingAsync(ca
这是我的困境，我有一系列被调用的函数，我正在使用回调函数在它们完成时执行函数。回调返回一个值并且效果也很好，我的问题是当我向回调添加参数时我无法再访问返回值。这是一个有效的例子: function m
This question already has answers here: Explanation of function pointers (4个答案) 上个月关闭。 如何将函数指针作为参数传递
我无法让以下代码工作。假设 ajax 调用有效，并且 msg['username'] 预设为 'john'。我想我对如何将变量传递给回调感到困惑。编辑:我认为我的主要困惑是如何从 Ajax 中获取“m
我是一名优秀的程序员,十分优秀！