个人中心
gpt4 book ai didi

javascript - 通过点击事件选择文件夹名称

转载 作者：太空宇宙 更新时间：2023-11-04 10:12:36 25 4
gpt4 key购买 nike

我想根据用户点击的内容在两个文件夹之间进行选择。我需要在 java 脚本中实现它。因为它是另一个长代码的伪代码。如果用户选择“Folder1”-> 文件夹 1如果用户选择 'Folder2' -> 文件夹 2

我不知道如何实现它。 

        <style type="text/css">
            body {
                background-color: #000000;
                margin: 0;
                overflow: hidden;
                font-family: Arial, Helvetica, sans-serif;
            }



            #box {
    width: 200px;
    height: 200px;
    background-color: red;
}


        </style>
    </head>
    <body>


        <h2>Spectacular Mountain</h2>
<img src="folder1/1.png" alt="Mountain View" style="width:304px;height:228px;">

        <div id='box'></div>
        <div id='buttons'>
         <button id='Fl1'>Folder1</button>
        <button id='Fl2'>Folder2</button>
        </div>



        <script type="text/javascript">

var box = document.getElementById('box');

document.getElementById('buttons').addEventListener('click', function (evt) {
    var target = evt.target;
    var folderid=1;// to initiat
    if (target.id === 'Fl1') {
        box.style.backgroundColor = 'red';
        // DUMMY 2 understand what I want
        I need to get name of folder
    folderid=1;
    } else if (target.id === 'Fl2') {
        box.style.backgroundColor = 'green';
        // DUMMY 2 understand what I want
        folderid=2;
    } else {
        box.style.backgroundColor = 'purple';
    }
}, false);

// How CAN I write folder name and display image

        </script>

    </body>
</html>

最佳答案

您应该使用 target.getAttribute('id') 而不是 target.id 来获取属性值:

var box = document.getElementById('box');

document.getElementById('buttons').addEventListener('click', function (evt) {
  var target = evt.target;
  var folderid=1;// to initiat

  if (target.getAttribute('id') === 'Fl1') {
    box.style.backgroundColor = 'red';
    // DUMMY 2 understand what I want I need to get name of folder
    folderid=1;
  } else if (target.getAttribute('id') === 'Fl2') {
    box.style.backgroundColor = 'green';
    // DUMMY 2 understand what I want
    folderid=2;
  } else {
    box.style.backgroundColor = 'purple';
  }
}, false);

演示:https://jsfiddle.net/0ngsdzx2/

关于javascript - 通过点击事件选择文件夹名称，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37464382/

25 4 0
文章推荐： css - 我应该使用带有字体的 webpack 吗？
文章推荐： python - 对字典中具有相同键的值求和
文章推荐： python - Pandas :意外的加入行为导致 NaN
文章推荐： html - 将标签和字段与 Bootstrap 表单对齐
太空宇宙
个人简介

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

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