Heim > Artikel > Web-Frontend > So ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist
So ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist
- 醉折花枝作酒筹Original
- 2021-07-20 15:31:103838Durchsuche
Methoden: 1. js-Methode, „if(document.getElementById('Element Object'))“; 2. jquery-Methode, „if($('Element Object').length>0)“ und „if($ ('Elementobjekt')[0])".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Bei der Arbeit ist vor zwei Tagen ein Problem aufgetreten. Wenn Modul A angezeigt wird, ist B ein Stil. Wenn Modul A gelöscht wird, ist B ein anderer Stil. Notieren Sie die Methode zur Bestimmung der Existenz des Knotens. 🔜 '# box1').length>0)
2.if($('#box1')[0])
Fügen Sie es in den Code ein
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
<meta name="keyword" content="随机加判断存在" />
<meta name="description" content="" />
<title>判断节点存在</title>
<style type="text/css">
*{margin: 0;padding: 0;}
#box1{width: 100px;height: 100px;background: #c66;margin: 20px auto;text-align: center;color: #fff;line-height: 100px;}
.box2{width: 200px;height: 200px;background: #c60;margin: 0 auto;text-align: center;color: #fff;line-height: 200px;}
.box22{width: 400px;height: 400px;line-height: 400px;}
</style>
</head>
<body>
<div class="box2">模块二</div>
<div id="box1">模块一</div>
</body>
</html>jquery-Methode
<script type="text/javascript">
var number = (1+Math.random()*(8-1)).toFixed(0);
var oBox2=document.getElementsByTagName('div')[0];
var oBox1=document.getElementById('box1');
if(number<3){
document.body.removeChild(oBox1);
}
if(document.getElementById('box1')){
oBox2.className=oBox2.className+' box22';
console.log(111);
}
else{
oBox2.className='box2';
}
</script><script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var number = (1+Math.random()*(8-1)).toFixed(0);
if(number>3){
}
else{
$('#box1').remove();
}
if($('#box1').length>0){//判断
$('.box2').addClass('box22');
}
else{
$('.box2').removeClass('box22');
}
</script>Machen Sie jeden Tag ein bisschen Fortschritte und streben Sie danach um dich gestern zu übertreffen.
【Empfohlenes Lernen:
Javascript-Tutorial für Fortgeschrittene】
Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Knoten in JavaScript vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!