Question

面对在嵌入网站上隐藏不需要的元素的必要性。有HTML代码：

<section class="class Name" style="display: block;">

问题：由于＆＃39; display: block＆＃39;而对CSS进行操作不起作用在HTML正文中内联编写。

问题：是否有任何方法可以删除此元素或重写＆＃39; display: block＆＃39; TO＆＃39; display: none＆＃39;使用Java脚本还是jQuery？

可能值得，这里有一段完整的代码需要从显示屏重写：block＆＃39;到＆＃39;显示：隐藏＆＃39;：

<section class="promotion-block custom-storey no-margin-bottom multi-lang-default en ru pt es fr" style="display: block;">

任务是添加一些脚本，强制将本机代码从display: block;重写为display: hide;

谢谢！

Answer 1

尝试使用java脚本..

document.getElementById('#ElementId').style.display = 'block';//show    
document.getElementById('#ElementId').style.display = 'none';//hide

并使用jQuery ..

$("#ElementId").hide();
$("#ElementId").show();

希望这会有所帮助......

Answer 2

需要进行一些用户互动才能在可见和隐藏之间切换，我将假设它是标识为button的按钮上的点击事件。

<script>
     var buttonEL = document.getElementById("button");
     buttonEL.addEventListener("click" function(){document.getElementsByClass("className")[0].style.display = "none";});
</script>

或者如果您的设置要求隐藏它，请始终只有

document.getElementsByClass("className")[0].style.display = "none";

Answer 3

你需要在这里操作JavaScript样式的属性吗？

element.style.display = 'none';           // Hide
element.style.display = 'block';          // Show
element.style.display = 'inline';         // Show
element.style.display = 'inline-block';   // Show

记得创建一个getelementID（div标签周围的div ID）

function hide (elements) {
  elements = elements.length ? elements : [elements];
  for (var index = 0; index < elements.length; index++) {
    elements[index].style.display = 'none';
  }
}

在JQuery中使用它来隐藏/显示div块：

$(".divIDClass").hide(); // hidden

$(".divIDClass").hide(); // show

Answer 4

有两种隐藏部分的方法

覆盖style属性。
使用jQuery hide（）和show（）

如果该部分是动态加载的，那么你必须在函数上使用jquery。

代码：

$（document）.on（＆＃39; load＆＃39;，＆＃39; section [class =＆＃39; class Name＆＃34;]＆＃39;，function（） { $（本）的.css（＆＃39;风格＆＃39;＆＃39;显示：无＆＃39;）; }）;
$（document）.on（＆＃39; load＆＃39;，＆＃39; section [class =＆＃39; class Name＆＃34;]＆＃39;，function（） { $（本）.hide（）; }）;

如果没有动态加载

代码：

$（＆＃39; section [class =＆＃39; class name＆＃34;]＆＃39;）。css（＆＃39; style＆＃39;，＆＃39; display：none＆＃39; ）;
$（＆＃39; section [class =＆＃39; class Name＆＃34;]＆＃39;）。hide（）;

如何使用脚本隐藏嵌入网站上不需要的元素？

4 个答案: