个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
在我的回文检查器中，我无法从 HTML 输入文本字段中获取值。我尝试了各种方法，包括查询选择器。但仍然有效。验证器中的错误是 document.getElement(...) 为空。
我需要找出我的代码有什么问题。我的 DOM 有问题吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Palindrome Checker</title>
<link rel="stylesheet" href="ex.css" type="text/css">
<!--<script src="ex.js"></script>-->
<script>
var i = document.getElementById('boiler').value;
function check_pal() {
rev();
if (i == rev()) {
alert(i + " is a palindrome");
} else {
alert(i + " is not a palindrome")
}
}
function rev() {
i = i + "";
return i.split("").reverse().join("");
}
</script>
</head>
<body>
<div>
<h1>Palindrome Checker</h1>
<p>- Word limit "18000"</p>
</div>
<div>
<input type="text" id="boiler" name="boiler" /><br>
<input type="submit" name="palcheck" id="butn" value="Is it a Palindrome?" onclick="check_pal()" />
</div>
</body>
</html>我不太确定我的问题出在文档模型上。 因为当我直接将值赋给变量时我得到了正确的结果。否则我得到“undefined is not a palindrome”
最佳答案
将您的脚本更新为以下内容
<script>
function check_pal() {
// move this line inside the function
var i = document.getElementById('boiler').value;
// rev(); // Also removed this un-necessary call
if (i == rev(i)) {
alert(i + " is a palindrome");
} else {
alert(i + " is not a palindrome")
}
}
// modify function to take input as argument rather than relying on global variable
function rev(i) {
i = i + "";
return i.split("").reverse().join("");
}
</script>
推理 - 当您手动分配 i 的值时，它会正确运行。然而，当我们尝试从 getElementById 读取它时，该元素当时不存在并且它抛出一个 JS 错误(无法读取 null 的属性“值”)，因此，错误(因为我从未初始化并保持 undefined)。将值的检索移到可以检索最新值并将其存储在 i 中的函数内。
关于javascript - 从文本字段派生值到 javascript(DOM 问题)!，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50059399/
25
4
0
我有一个无法理解的奇怪编译问题。 //I know, you should never derive from the STL Library template class SharedClass :
我是一个刚开始学习 Haskell 的菜鸟，所以如果我问愚蠢的问题，请耐心等待。 最近我在 SO 中遇到了演示如何导出函数和表达式的类型和实现的问题(诸如 How can I understand "
如何自动派生此 GADT 的 Read 实例: {-# LANGUAGE GADTs, StandaloneDeriving #-} data TypeDec a where TypeDecInt
我遇到了我想要的情况 Deal class要注意它DealDetail type反之亦然，我想 DealDetail注意Deal type .将来我想有很多 Deal 的后代和 DealDetails
我是 C# 新手，所以请多多包涵。 好的，所以我在不同的程序集中有两个类需要相互引用: namespace AssemblyA { class A { private B MyB {
简而言之，我已经实现了一个派生自 SynchronizationContext 的类，以便 GUI 应用程序可以轻松地使用在 GUI 线程以外的线程上引发的事件。我非常感谢对我的实现的评论。具体来说，
我正在设计一个小型系统，想知道如何为派生类分配内存的细微差别。 如果我有两个类(class) class foo { public: int a; Foo(): a(0) {}; }; class
我正在尝试编写一个派生 PartialEq 的枚举，其中包含一个手动执行此操作的特征对象。我使用了解决方案 here为了强制 Trait 的实现者编写相等方法。这无法编译: trait Trait {
以下代码可以编译(特别是 MyError 被识别为具有调试特性): use std::str; use std::fmt; #[derive(Debug)] enum MyError where F:
是否有一种简单的方法来注释结构中的字段，以便在派生 PartialEq 特征时忽略它们？例如: #[derive(PartialEq,Eq)] pub struct UndirectedGraph {
我正在编写代码来处理“Foo”类型的对象。 foo 是一种容器，为了提供对其元素的高效和抽象访问，它提供了 Element 类型的嵌套类。 Element 包装对象在容器中的位置。 现在，“Foo”可
假设如下: class child : public parent { public: fun1(parent * obj); //somewhere on the child class
我有几个模板类 template class Transition { public: virtual Cost getCost() = 0; }; template class St
我正在尝试使用自定义 QSortFilterProxyModel . 这是我的标题: #include class QSortFilterProxyModel_NumbersLast : publi
我正在使用 C# 和 mvc3。我在解决方案中添加了一个项目。我想创建一个新 Controller 并让它从我添加的项目中的 Controller 派生。我该怎么做？ 最佳答案 在 Visual St
我在 python 中有一个对象，它派生自 QtGui.QGraphicsPixmapItem，具有一些基本属性和方法。在对此对象的引用上调用 deepcopy 后，当我尝试使用该副本时收到一条错误消
由于只能给FixedDocument添加页面，所以我写了一个派生类: public class CustomFixedDocument : FixedDocument { public voi
我在自定义 QMainWindow 时遇到了很大的问题，因为我不知道如何实现以下内容: 在 QMainWindow 文档中，QMainWindow 有一些用于工具栏、停靠小部件、状态栏和其他的特殊区域
我想感受一下QT，决定写一个小的十六进制编辑器。为此，我需要一个允许滚动的小部件。经过一番研究，我发现 QTextEdit 为此目的派生自 QAbstractScrollArea。在阅读 QAbstr
我正在寻找一种可以从已经发生的洗牌过程中派生出 key 的算法。 假设我们有被打乱的字符串“Hello”: "hello" -> "loelh" 现在我想从中导出一个 key k，我可以用它来撤销洗牌
我是一名优秀的程序员,十分优秀！