如果div等于那么javascript

时间:2015-02-06 06:56:29

标签: javascript html

如何在页面加载的javascript中创建它,如果div 1等于YES则div2必须显示"你说YES"

<div class="div1">YES</div> 
<div class="div2"></div> 

3 个答案:

答案 0 :(得分:1)

如果你想在普通的javascript中使用它,你可以像这样使用body.onload: -

HTML: -

  <body onLoad="onbodyload()">
   <div id="div1">YES</div> 
<div id="div2"></div>
  </body>

使用Javascript: - =

function onbodyload(){
        var d1 = document.getElementById('div1');
var d2 = document.getElementById('div2');
  if(d1.innerHTML==='YES'){
  d2.innerHTML='You Said Yes!';
  }
};

Plunkr here

答案 1 :(得分:0)

使用身体的onload事件并进行所需的操作。将id添加到div以便于操作。

document.body.onload=function(){
//first element with class div1
var div1=document.getElementsByClassName('div1')[0];
  if(div1.innerHTML=="YES"){
    //first element with class div2
    document.getElementsByClassName('div2')[0].innerHTML="You said Yes";
  }
  
}
<body>
  <div class="div1" id="div1">YES</div> 
  <div class="div2" id="div2"></div> 
</body>

答案 2 :(得分:-2)

$(&#39; .div2&#39;)。show()。text(&#34;你说是的!&#34;);

&#13;
&#13;
$(function() {
  if ($('.div1').text() == "YES") {
    $('.div2').text("You said yes!");
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="div1">YES</div> 
<div class="div2"></div>
&#13;
&#13;
&#13;