Question

jQuery操作iframe里面的Dom问题

$(window.frames['frame'].document).find('#mes').css({color:'red'})
frame是页面iframe的id，mes是iframe连接页面的id元素。这个怎么无法执行？

Answer 1

//给予框架加载事件
window.frames["frame"].onload = function () {
  //启用计时器 判断页面加载完成
  var t = setInterval(function () 
  {
      //页面载入完成后 等待0.1秒后 处理数据
      if (window.frames["frame"].document.readyState == "complete") 
      {
            //清除计时器
            clearInterval(t);
            //等待0.1秒后 处理数据
            setTimeout(function () {
                  //设置color
                  window.frames["frame"].document.getElementById("mes").style.color="red";
           }, 100);
      }
    }, 100);
}

Answer 2

$("#frame").contents.find('#mes').css({color:'red'})

追问

$("#frame").load(function(){
$(this).contents().find("#mes").css('color','red');
)}
是这样的。

Answer 3

貌似是css（）出错

追问

那这个应该怎么实现？

追答

css（"background-color","red"）

追问

没有没有，这个写法是对的。

追答

那这行代码应该没错啊，是不是你没应用js？

追问

已经解决了，是因为iframe里面的Dom还没有加载进来，所以获取不到里面的 Dom值。