gpt4 book ai didi

javascript - 如果 URL 包含此字符串,则隐藏具有此类/id 的所有 div(循环脚本)

转载 作者:行者123 更新时间:2023-11-28 04:59:43 25 4
gpt4 key购买 nike

当 url 包含特定字符串时,我试图隐藏一些 div。

例如,我有隐藏第一个 div 的代码:

   <div id="ficha">Hello</div>
<div id="ficha">world</div>
<div id="ficha">...</div>

<script>
if (/info|mapo/.test(window.location.href)) {
document.getElementById('ficha').style.display = 'none';
}
</script>

网址:

www.example.com/all ------> 不隐藏 div

www.example.com/info----->隐藏div

www.example.com/mapo--->隐藏div

  1. 脚本的第一个问题是它只隐藏第一个 div,说“Hello”,但我想隐藏所有 div。所以,我认为有必要做一个循环......我该怎么做?

  2. 第二件事是运行两个不同的脚本来根据url字符串内容隐藏不同的div。

也许这可以通过创建 else 函数来实现。循环始终是必要的,如果在加载页面后执行循环就更好了。

例如:

   <div id="ficha">Hello</div>
<div id="ficha">Hello2</div>
<div id="ficha2">world</div>
<div id="ficha2">...</div>

<!-- First script hides divs with id="ficha" if url string has "info" or "mapo" -->
<script>
if (/info|mapo/.test(window.location.href)) {
document.getElementById('ficha').style.display = 'none';
}
</script>

<!-- Second script hides divs with id="ficha2" if url string has "all" -->
<script>
if (/all/.test(window.location.href)) {
document.getElementById('ficha2').style.display = 'none';
}
</script>

代码将在Moodle的数据库事件中执行。

提前致谢。

最佳答案

这个脚本将为您提供帮助。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
window.onload = function () { //The function to execute when the page is loaded
var string_contain = ''; //Set this as your string
var url = window.location.href;
if(url.indexOf(string_contain) >= 0) { //If url contains then...
var x = document.getElementsByClassName("your_class"); //Create an array that contains your divs with your_class class
for(var a = 0;a<x.length;a++) { //Do some stuff for each value of the array
x[a].style.display = 'none';
}
}
}
</script>
</head>
<body>
<div class="your_class"></div>
</body>
</html>

请记住,ID 仅与一个元素关联,因此如果您尝试访问多个元素,该 ID 将不起作用。

关于javascript - 如果 URL 包含此字符串,则隐藏具有此类/id 的所有 div(循环脚本),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42232450/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com