Tôi có thể áp dụng CSS cho các phần tử trong khung nội tuyến không?

Question

Tôi thường thấy các trang web sử dụng iframe chứa trang web bên ngoài và khung trên cùng chứa chức năng JavaScript cho người dùng.

ví dụ: phần mềm phân tích người dùng, thanh Digg, v.v ...

---

Bất kỳ mẹo nào để thử nghiệm về điều gì đó tương tự? =) Thật tuyệt vời khi biết

Answer 1

Không, không phải từ bên ngoài iframe. An là thế giới riêng của nó. Nếu các tên miền vv khớp nhau, thì Javascript có thể giao tiếp trong và ngoài, và có thể (nếu nó muốn) tiêm CSS vào một khung con.

Nếu chứa nội dung từ một miền khác, bạn không thể làm được gì nhiều. Trang gốc kiểm soát kích thước của khung và cho dù có hiển thị hay không và có thể đặt nội dung của riêng nó trên khung bằng cách định vị v.v. nhưng không thể trực tiếp ảnh hưởng đến cách hiển thị nội dung khung thực tế.

Answer 2

Nếu nó thuộc cùng một miền, bạn có thể can thiệp vào nội dung iframe bằng javascript như sau. giả sử id iframe là IframeId. Và bạn muốn thay đổi màu của phần tử có id "elementId".

$("iframe").load(function() { 
    var frameContents; 
    frameContents = $("#IframeId").contents(); 
    frameContents.find("#elementId").css("color","#fff"); 
});