innerhtml 相关问题

innerHTML是DOM节点的属性,用于获取或设置HTML元素的内部HTML代码。它通常用于Javascript中以动态更改或从页面读取。


如何根据所选菜单项使用不同的反应组件填充大的主要内容 DIV

我有非常典型的菜单/内容页面。让我们假装它是关于音乐/电影/电视节目的。 页面看起来像这样: ---------------------------------------------- 主菜单按钮:音乐...

回答 1 投票 0

Javascript 代码中的换行错误和类型错误

一个简单的数学游戏 问题1: <body> <h1>A Simple Maths Game</h1> <p><strong>Question 1</strong>: <span class="question"></span> <span id="answer"></span> <span id="feedback" ></span> </p> <p><strong>Question 2</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 3</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 4</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 5</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 6</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 7</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 8</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 9</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Question 10</strong>: <span class="question"></span> <span class="answer"></span> <span class="feedback" ></span> </p> <p><strong>Your Score</strong> <span id="score"></span> </p> <script> let scores = 0; const operator = ["+","-","x","/"]; let questions = document.getElementsByClassName("question"); console.log(questions.length); console.log(questions); let answers = document.getElementsByClassName("answer"); let feedbacks = document.getElementsByClassName("feeback"); for (let number = 0;number<10;number++){ let num_1 = Math.floor(Math.random()*101); let num_2 = Math.floor(Math.random()*101); let operatorIndex = Math.floor(Math.random()*3); questions[number].innerHTML = num_1+" "+operator[operatorIndex]+" "+num_2+" "+"="; console.log(number); let answer = prompt(num_1+" "+operator[operatorIndex]+" "+num_2+" "+"="); console.log(number); answers[number].innerHTML = answer; if (answer==calculateAnswer(num_1,operator[operatorIndex],num_2)){ feedbacks[number].innerHTML = "&checkmark;"; feedbacks[number].classList.add("correct"); scores++; }else{ feedbacks[number].innerHTML = "&cross; The correct answer is "+calculateAnswer(num_1,operator[operatorIndex],num_2); feedbacks[number].classList.add("incorrect"); } } document.getElementById("score").innerHTML = scores*10; function calculateAnswer(num1,operator1,num2){ if (operator1=="+"){ return num1+num2; }else if(operator1=="-"){ return num1-num2; }else if(operator1=="x"){ return num1*num2; }else if(operator1=="/"){ return num1/num2; } } </script> </body> 在执行这段 javascript 代码时,在提示框中给出第一个输入后,由于 if else 语句中 javascript 中的 TypeError,程序崩溃了。span 标签数组中有一个 span 标签的 innerHTML访问类“反馈”。 TypeError 来了。你能指出我在那里做的错误吗?此外,在 if else 语句之前的行中存在语义错误,其中访问了类“answer”的 span 标记的 innerHTML。尽管该 span 标签应该在其相关 标签的同一行中打印值,但它需要一个换行符并在下一行打印出内容。这可能是什么原因?

回答 0 投票 0

当我尝试将 innerHTML 放在 JavaScript 中的变量上时,为什么会收到错误代码? [关闭]

所以我目前正在尝试将 innerText 添加到一个内部有跨度的变量中。这个跨度将在一个 div 中结束,它最终在我的 html 页面的一个部分中。我的代码编辑器给出了这个错误...

回答 0 投票 0

我正在尝试修改一个发送 1 条消息以使其发送 2 条消息的 javascript omegle 机器人

当我将修改后的代码放入 omegle 开发人员控制台时,它只输出第一条消息,而不会输出其余的消息。 原始代码只发送一条消息: 函数 executeOmegle() {...

回答 1 投票 0

如何在几秒后隐藏 innerHTML?

我想在几秒钟后隐藏innerHTML“Unfollowed”,然后再次显示“Follow”。 var clicked = false; document.getElementById("followbutton").addEventListener(&

回答 2 投票 0

当我在我的 nextjs 项目中安装 tailwind css 时 innerHTML 不工作

我正在尝试将 innerHTML 插入到 div 中,但它无法正常工作。它只显示文本,就好像它是在没有任何标签的情况下插入的一样。在我的

回答 0 投票 0

如何让 innerHTML 显示响应中的多个对象?

所以我有这个函数,它从包含“字符”和“引号”的 Json 文件中获取随机数组。我怎样才能在这里获得这个功能来显示两个没有

回答 1 投票 0

无法读取 innerHTML 其他属性可读

我正在尝试通过显示的按钮文本来识别按钮。在 firefox 开发人员中,我在 innerHTML 属性中看到了关联的文本 - 但我无法访问它 - 它是空的。 $("#

回答 0 投票 0

HTML和Javascript提交按钮后如何显示文本输入

我有一个输入框和一个提交按钮。我想在一个空白的 标签中显示输入框中输入的任何内容。我怎样才能做到这一点? 我目前有这个... 我有一个输入框和一个提交按钮。我想在一个空白的预先存在的 <p> 标签中显示输入框中输入的任何内容。我该怎么做? 我目前有这个代码: <label for="moveData">Enter data</label> <input type="text" id="moveData" name="moveData"><br> <button id="btn" type="button">Move the data</button> <script> document.getElementById("btn").onclick = function() { var input = document.getElementById("btn").value; document.getElementById("p1").innerHTML = input; } </script> <p id="p1"></p> 我希望将 <p id="p1"></p> 替换为用户文本输入,如下所示:<p id="p1">(USER INPUT GOES HERE)</p> 在单击提交按钮后。 您是从按钮而不是输入中选择值。你只需要改变这一行: <label for="moveData">Enter data</label> <input type="text" id="moveData" name="moveData"><br> <button id="btn" type="button">Move the data</button> <script> document.getElementById("btn").onclick = function() { var input = document.getElementById("moveData").value; // <-- this line document.getElementById("p1").innerHTML = input; } </script> <p id="p1"></p>

回答 1 投票 0

Javascript innerHTML: 按钮在表格中不起作用

我在我的innerHTML表里面加了一个按钮,第一行的按钮可以用,但是后面的按钮就不行了。HTML.Javascript:让tbl=document.getElementById(...)。

回答 2 投票 0

为什么函数调用中的属性innerHTML的赋值不工作?

我需要你的帮助。我想调用一个带有内部html的声明函数,但是不成功。以下是代码: function abc() { var a = document.getElementById("take").value; function Ram() { ...

回答 1 投票 0

创建一个列表(<li>),然后删除元素。

我必须根据用户的输入来创建一个列表,然后如果是这样的话,还要有一个删除元素的选项,我试过这个。我的想法是创建列表,然后在底部有这个 "删除......"。

回答 1 投票 0

React dom outerHTML似乎不对?

我已经创建了一个演示。为什么外层HTML总是

回答 1 投票 0

反应组件加载5次'undefined',然后找到内部的html div。

从 "react "导入React, { useState, useEffect,useRef }; 从".axios.js "导入Axios; /ADblockerdetection export function Adblockerdetection() { const [firstname, setfirstname] = ....

回答 1 投票 0

从Javascript变量中提取特定的HTML容器

如何从包含html内容的JS变量中提取特定html。在下面的例子中,JS变量包含了从Fetch API请求中返回的全部html内容。I ...

回答 2 投票 0

有没有办法在新的标签页中打开内部html的链接(Angular 6)

我有一个span标签,里面的html是这样的 在我的html中。 在我的ts中:description = "一些随机的文本https:/stackoverflow.com Lorem Ipsum是......。

回答 1 投票 0

有没有办法在新的标签页中打开内部html的链接(Angular 6)

我有一个span标签,里面的html是这样的 在我的html中。 而在我的ts中:description = "一些随机的文本https:/stackoverflow.com Lorem Ipsum ...。

回答 1 投票 0

在innerHTML中添加新行

你们能不能告诉我为什么我不能在'p'标签中新建一行。我想让输出看起来像var number = 10; alert(number); 我已经尝试了br标签和\n标签,但它没有真正的工作......。

回答 1 投票 -2

如何在javascript中使用appendChild附加一个字符串

我需要加载一些数据,并以两种方式将其插入到一个li中。首先,它是作为一个

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.