Question

一个JS新手问题：

我想通过Javascript取消激活html代码的一部分（我手动通过执行），具体取决于数字变量（我从文件名中提取）：如果var＆gt; 10确实停用代码。

EDITED：如果可能只有简单的Javascript！一个演示HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script> 
   var param = 10;
</script>
</head>

<body>
<p>Paragraph One</p>

<p>Beginning of the part to be removed if param > 10</p>
<a href="mailto:ertwtz@gmail.com">E-Mail</a><br><br>
This is simply something other.
Etc.
Etc.
<p>End of the part to be removed</p>

<p>Paragraph Ten</p>

</body>
</html>

Answer 1

将您要删除/隐藏的所有内容放入具有特定类或ID的div中，然后添加if条件并在条件为真时隐藏或删除所需的div。

function Animal

Answer 2

您可以从DOM中删除元素，例如使用removeChild()：

＆＃13;

document.getElementById('div').removeChild(document.getElementById('p2'));

＆＃13;

<div id="div">
  <p id="p1">Paragraph one</p>
  <p id="p2">Paragraph two</p>
</div>

＆＃13;

Answer 3

您可以使用css属性，使用css active和inactive添加两个类.active{display:block}和.inactive{display:none}。现在您可以使用jquery添加和删除活动根据你的条件和非活动类。就像在jquery你可以写

if(var > 10){
 $("div").addClass('inactive');
  }else{
 $("div").removeClass('inactive');
}

Answer 4

CSS + jQuery实现此目标的方法可以是添加课程disabled：

if(condition) {
    var element = document.getElementByID('#sample_ID');
    element.addClass("disabled");
}

假设您在<div id="sample_ID">

中包含要禁用的代码

Answer 5

如果您只是想隐藏它，可以使用CSS来实现例如。要隐藏<div id="myDiv">Bla</div>你要使用它：

var element = document.getElementById("myDiv");
element.style.display = "none";

如果你想在某个时候再次展示它：

element.style.display = "block";

实例：

function hideDiv() {
  var element = document.getElementById("myDiv");
  element.style.display = "none";
}

function showDiv() {
  var element = document.getElementById("myDiv");
  element.style.display = "block";
}

#myDiv {
  border: solid 1px green
}

<button onclick="hideDiv()">Hide</button>
<button onclick="showDiv()">Show</button>
<br/>

<div id="myDiv">Bla</div>

如何通过Javascript停用部分html代码

5 个答案: