Question

我有一个JSP页面，它使用iFrame加载静态HTML页面。现在我试图动态地使用jQuery更改其中一个DIV（在静态HTML页面中）的对齐方式。但它不起作用。

var divEnbref = document.getElementById("enbref");
if(divEnbref!=''){
  $('#enbref').css("text-align" , "left");
}

DIV

<div id="enbref">Some Content</div>

有人可以帮助我。

Answer 1

当您在<div class=""> <div class="col-md-4 col-sm-6"> <div class="pricingTable">` <div class="pricingTable-header"> <h3 class="heading">Business</h3> <span class="subtitle">Lorem ipsum dolor sit amet</span> <div class="price-value">20` <span class="currency">$</span> <span class="month">/mo</span> </div> </div>` <ul class="pricing-content"> <li>60GB Disk Space</li> <li>60 Email Accounts</li> <li>60GB Monthly Bandwidth</li> <li>15 Subdomains</li> <li>20 Domains</li> </ul>`<a href="#" class="read">sign up<i class="fa fa-angle-right"></i></a> </div> </div> <a href="#" class="read">sign up<i class="fa fa-angle-right"></i></a> </div>内选择元素时，您需要先选择iframe。

iframe

试试这个..

Answer 2

使用.innerHTML获取div的内容

var divEnbref = document.getElementById("enbref").innerHTML;

然后使用条件声明

if(divEnbref!=''){
  $('#enbref').css("text-align" , "left");
}

Answer 3

试试这个：

var divEnbref = document.getElementById('enbref');

document.getElementById('enbref').style.textAlign = "right";

我在小提琴中试过这个：https://jsfiddle.net/mgs4y3px/

愿这对你有帮助！

document.getElementbyID在iFrame中为DIV返回NULL

3 个答案: