18910140161

JavaScript-单击按钮时弹出的文本位于页面内-堆栈溢出

顺晟科技

2022-10-19 13:33:36

99

让我先说我的编码知识非常有限,所以我可能没有使用正确的技术术语。

我有一个带有一些问题的网页,每个问题下面都有一个按钮,当单击该按钮时,会弹出一个答案的解释。弹出窗口出现在相同的网址中,当我单击它外面时,它就消失了。下面是一个典型问题的代码

<div class="question_text" style="display: flex;flex-direction: row; ">
<h4 class='question_load';'>1) What is 8 - 5? </h4></div>
       <p style='font-size:15px;' class='option1  '>a) 1</p>
       <p style='font-size:15px;' class='option2  '>b) 2</p>
       <p style='font-size:15px;' class='option3 answer '>c) 3</p>
       <p style='font-size:15px;' class='option4  '>d) 4</p>

下面是一个典型按钮的代码:

<div class="question_text" style="display: flex;flex-direction: row; ">
<h4 class='question_load';'>1) What is 8 - 5? </h4></div>
       <p style='font-size:15px;' class='option1  '>a) 1</p>
       <p style='font-size:15px;' class='option2  '>b) 2</p>
       <p style='font-size:15px;' class='option3 answer '>c) 3</p>
       <p style='font-size:15px;' class='option4  '>d) 4</p>

根据我的初步理解,这是由一些脚本控制的。下面是我认为与此函数相关的部分:

<div class="question_text" style="display: flex;flex-direction: row; ">
<h4 class='question_load';'>1) What is 8 - 5? </h4></div>
       <p style='font-size:15px;' class='option1  '>a) 1</p>
       <p style='font-size:15px;' class='option2  '>b) 2</p>
       <p style='font-size:15px;' class='option3 answer '>c) 3</p>
       <p style='font-size:15px;' class='option4  '>d) 4</p>

我通过在文本编辑器中复制代码并保存为.htm文件来提取问题和答案。显示解释按钮是存在的,但是当单击该按钮时,什么也不会发生。它只在我登录网站时工作。我希望出现在弹出窗口中的文本显示为每个问题下面的文本。我在此页面的代码中没有找到解释文本,所以我假设它是从其他地方加载的。


顺晟科技:

您可以通过javascript警报轻松实现这一点:

<div class="question_text" style="display: flex;flex-direction: row; ">
<h4 class='question_load';'>1) What is 8 - 5? </h4></div>
       <p style='font-size:15px;' class='option1  '>a) 1</p>
       <p style='font-size:15px;' class='option2  '>b) 2</p>
       <p style='font-size:15px;' class='option3 answer '>c) 3</p>
       <p style='font-size:15px;' class='option4  '>d) 4</p>
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航