jQuery操作iframe里面的Dom问题

Posted 2023-03-09

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

//给予框架加载事件
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);
参考技术A $("#frame").contents.find('#mes').css(color:'red')

追问

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

参考技术B 貌似是css（）出错追问

那这个应该怎么实现？

追答

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

追问

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

追答

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

追问

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