个人中心
gpt4 book ai didi

javascript - 当我将脚本元素放在头部以从 URL 加载它时，我的 Javascript 不起作用

转载 作者：搜寻专家 更新时间：2023-11-01 05:00:33 25 4
gpt4 key购买 nike

<分区>

我已经为一个简单的内联函数编写了代码，但是当我创建一个单独的 js.file 时，由于某种原因它不想工作。我已经尝试了一切感觉，但也许我疲倦的眼睛不能做任何事情!

<!DOCTYPE html>

<html>
  <head>
    <title>Test</title>
    <script type="text/javascript" src="menu.js"></script>
  </head>
 <body>
<div class="container">
  <button name="one">Button 1</button>
  <p>
    Lorem ipsum dolor sit amet
  </p>

</div>
<div class="container">
  <button name="two">Button 2</button>
  <p>
    Lorem ipsum dolor sit amet
  </p>

</div>
<div class="container">
  <button name="three">Button 3</button>
  <p>
    Lorem ipsum dolor sit amet
  </p>
</div>

我们的想法是拥有三个按钮，当您点击其中一个按钮时，只会显示其中一个 div，而另外两个将被隐藏。

这是 JavaScript(内联运行得非常好):

var first_container = document.querySelectorAll(' div:not(:first-child) p');

for (var i = 0; i < first_container.length; i++) {
  first_container[i].style.visibility = 'hidden';
}
var buttons = document.querySelectorAll('button');

for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', clickHandler);
}

function clickHandler(e) {

  e.preventDefault();

  var text = document.querySelectorAll('p');

  for (var i = 0; i < text.length; i++) {

      if (text[i] === event.target.nextElementSibling) {
          text[i].style.visibility = 'visible';

      } else {
          text[i].style.visibility = 'hidden';
      }
  }
}

25 4 0
文章推荐： javascript - 如何在 map 循环 Leaflet JS 上复制标记位置
文章推荐： iphone UITable reloadRowsAtIndexPaths 很奇怪的问题
文章推荐： iphone - 当应用程序在 main 中的 EXC_BAD_ACCESS 上崩溃时不会生成崩溃日志
文章推荐： ios - 如果网络不可用，Game Center/GameKit 报告分数
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com