个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
所以我正在尝试创建一个随机生成器，它显示许多隐藏图像中的一张 + 许多隐藏 DIV 中的一张。
对于图像，它工作正常，因为它们是页面上唯一的图像，但是当我尝试在另一个 div 标签内选择某些 div 标签时，我得到错误:
“未捕获的类型错误:无法读取未定义的属性‘style’”
我在 <div id="text"> 中有 9 个 div。这是我正在尝试运行的 javascript 代码:
function randomString() {
var chars = "123456789";
var string_length = 1;
var randomstring = '';
var x = document.getElementById("text").getElementsByTagName("div");
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
randomstring += chars.substring(rnum,rnum+1);
}
for(var j=0; j<8 ;j++) {
document.getElementsByTagName("img")[j].style.opacity="0";
document.getElementById("text").getElementsByTagName("div")[j].style.display="none";
}
switch (randomstring*1) {
case 1: document.getElementsByTagName("img")[0].style.opacity="1";
x[0].style.display="block"; break;
case 2: document.getElementsByTagName("img")[1].style.opacity="1";
x[1].style.display="block"; break;
case 3: document.getElementsByTagName("img")[2].style.opacity="1";
x[2].style.display="block"; break;
case 4: document.getElementsByTagName("img")[3].style.opacity="1";
x[3].style.display="block"; break;
case 5: document.getElementsByTagName("img")[4].style.opacity="1";
x[4].style.display="block"; break;
case 6: document.getElementsByTagName("img")[5].style.opacity="1";
x[5].style.display="block"; break;
case 7: document.getElementsByTagName("img")[6].style.opacity="1";
x[6].style.display="block"; break;
case 8: document.getElementsByTagName("img")[7].style.opacity="1";
x[7].style.display="block"; break;
case 9: document.getElementsByTagName("img")[8].style.opacity="1";
x[8].style.display="block"; break;
}
document.randform.randomfield.value = randomstring;
}
这就是我在 HTML 中的内容:
<DOCTYPE html>
<html>
<head>
<title>MTB Tricks Randomiser</title>
<link rel="stylesheet" type="text/css" href="randomizer.css" />
<script language="javascript" type="text/javascript" src="randomizer.js"></script>
</head>
<body>
<header>
<h3>Click the button to find out what your trick for today is!
<br> (If you dare...)
</h3>
</header>
<form name="randform">
<input type="button" value="Create Random String" onClick="randomString();">
<input type="text" name="randomfield" value="">
</form>
<div id="container">
<div id="images">
<img src="images/a.jpg" id="firstimage"/>
<img src="images/b.jpg" id="secondimage" />
<img src="images/c.jpg" id="thirdimage"/>
<img src="images/d.jpg" id="fourthimage"/>
<img src="images/e.jpg" id="fifthimage"/>
<img src="images/f.jpg" id="sixthimage"/>
</div>
<div id="text">
<div id="textone">
a
</div>
<div id="texttwo">
b
</div>
<div id="textthree">
c
</div>
<div id="textfour">
d
</div>
<div id="textfive">
e
</div>
<div id="textsix">
f
</div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</body>
</html>
最佳答案
对于案例 7 - 9，它看起来会在 switch 语句中出错，因为 HTML 中只有 6 个图像。如 document.getElementsByTagName("img")[8].style.opacity="1"; 这样的行会失败。
关于javascript - getElementById + getElementsByTagName 在 javascript 控制台中给出类型错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20153016/
25
4
0
我在使用带有 vector STL 的迭代器时遇到了这个错误。 代码:- #include #include void print_vec(std::vector vec) { auto
JAVA:两个引用“p”&&“pp”之间有区别吗？ PrintStream p = new PrintStream(System.out); p.println("lol");
我尝试从主分支中拉出，但收到错误消息: $ git --no-optional-locks -c color.branch=false -c color.diff=false -c color.sta
我面临着一个让我抓狂的问题! 我有一个函数，这个: void load_weapons3(t_env *e, char *name, int x, t_weapon *w) { char
我正在尝试使用 CUDA 中的最小值、最大值、总和和平均值实现并行归约。 这是我目前的主要代码片段。 int main() { const auto count = 8; const
我知道 double free 或 corruption 错误通常是对 big 3 的违规，但在这种情况下，我找不到违规发生的地方。我有一个复制构造函数、析构函数和赋值运算符，适用于任何处理指针的东西
GTK+ 中的“focus”和“focus-in(out)-event”信号有什么区别？哪个先发射？它们与键盘(TAB)和鼠标点击有什么关系。他们互相依赖吗？ 我问这个是因为我想在顶层窗口中跟踪当前聚
*** glibc detected *** /home/ghoshs/workspace/Simulator/Debug/Simulator: double free or corruption (
#include #include #include #include using namespace std; #define MAX_WEIGHT 1000000 class Set {
我在服务器上有两个分支一个叫 R2 的分支和一个叫 DEV 的分支我无意中登录了错误的服务器，进入了存储库并执行了GIT pull 源开发但是存储库在 R2 上。所以我意识到我的错误然后尝试通过做一个
我有一个包含循环的大约 1000 个顶点和 3000 个边的有向图。 我试图从给定的顶点找到所有下游(出)路径。 使用以下 Gremlin 查询时 g.V(45712).repeat(out().si
使用 Delphi XE 2 我试图确定缩放方向以将缩放效果应用于图像(TImage)，但没有找到执行此操作的函数，并且图像的 OnGesture 事件中的 EventInfo 属性没有此信息. 我见
我正在尝试创建一个 Zoom_image 函数，它使用离散傅里叶变换来缩放灰度图像。如果图像大小小于或等于 4*4 但大小增加，我包含的代码可以工作。它给出“双重释放或损坏(出)中止(核心转储)”错误
当我执行 popAll 函数时，出现以下错误: 双重释放或腐败(出)中止(核心转储) 我想我已经将错误来源缩小到了这个函数。 IntegerStack 是我制作的一个简单的 ADT，其中包含一个名为
我有网络开发背景，我正在尝试创建类似于 this technique 的东西适用于 iOS(使用 Cocoa/Obj C)。我在谷歌搜索资源时遇到了很多困难，因为 iOS 中的“视差”往往指的是 iO
我想实现一个 faceted search对于我的一个项目。我正在使用 PHP5、Mysql 和 Symfony 1.4。显然社区指向Apache Solr这似乎正是我想要完成的。 问题是该网站将在不
我知道有 questions floating around当您没有提供明确的分支名称时，关于来自特定分支的 git pull，但是我想知道即使用户确实指定了不同的分支，是否也可以强制 pull 分支
我正在尝试将我的更改推送到 NAS 上的存储库。它以我无法理解的方式失败。 documentation声明默认情况下 push 仅适用于快进更新。很公平。所以我做了一个 git pull(我的 Rem
我刚开始使用 Oracle 的 Coherence 缓存，我注意到这一点:如果我在缓存中放入一个 ConcurrentHashMap 对象，当我检索它时，我可以看到它被转换为一个普通的 HashMap
我尝试创建一个连接到数据库的线程，从那里获取一些数据并打印到控制台。问题是当该线程完成时抛出异常: 双重免费或腐败(出局)中止(核心转储) 我尝试使用 sqlite3 和 pthread，但这两个并不
我是一名优秀的程序员,十分优秀！