Tôi muốn sao chép tất cả css được tính toán của một phần tử và áp dụng nó cho một phần tử khác. Theo kiểu được tính toán, ý tôi là examply nếu chiều rộng của phần tử là 100%, nhưng chiều rộng của nó là 200px, các phần tử được tính toán chiều rộng sẽ là 200px. làm thế nào tôi có thể truy cập tất cả các kiểu này cho một phần tử?cách lấy tất cả các kiểu được tính toán của một phần tử với jQuery?
Trả lời
sau khi nghiên cứu sâu hơn bằng câu trả lời Majid, tôi phát hiện ra rằng jquery của ".css" phương thức hoàn trả tính phong cách là tốt, và tốt hơn bởi vì nó chiếm sự khác biệt của trình duyệt http://api.jquery.com/css/
Vâng! Tôi ngớ ngẩn quá! Tại sao tôi lại cố lấy cái muỗng để lấy cái đường dài đó. Tinh thần của câu chuyện: Trước khi tìm kiếm ở nơi khác luôn kiểm tra các công cụ bạn đã có. –
@ hakim-sina Bạn có thể giải thích điều này không? Tôi không hiểu làm thế nào để có được phong cách tính toán ở đây với jQuery của 'css()'. – Smamatti
@ Smamatti: bạn có thể cụ thể hơn không? nói chung để có được một phong cách tính toán, ví dụ chiều rộng (ví dụ được đề cập ở trên trong câu hỏi) tất cả những gì bạn cần làm là chuyển nó đến hàm css như sau: var width = $ ("element"). css ("width") –
Sử dụng kiểu được tính toán. Dưới đây là hướng dẫn đơn giản: Get Computed Style
Và với jquery, nó có thể giúp bạn tham khảo phần tử nguồn và đích và áp dụng quy tắc css dễ dàng. giả sử bạn chỉ quan tâm đến hai thuộc tính, chiều rộng và chiều cao, sau đó bạn có thể sử dụng mã dọc theo dòng:
var oSource = $('#source');
var sWidth = document.defaultView.getComputedStyle(oSource, null).width;
var sHeight = document.defaultView.getComputedStyle(oSource, null).height;
$('#target').css('width', sWidth).css('height', sHeight);
cảm ơn rất nhiều.Tôi nghĩ rằng tôi phải sử dụng nó với currentStyle để hỗ trợ IE, vâng? –
Không chắc chắn về 7, kiểm tra liên kết này về tính tương thích: http://www.quirksmode.org/dom/w3c_css.html –
@ hakim-sina Thay vì làm những việc khác nhau, tại sao không sử dụng jQuery hoặc thư viện khác? – NoBugs
- 1. Xpath - Cách lấy tất cả tên thuộc tính và giá trị của một phần tử
- 2. Làm thế nào để loại bỏ tất cả các kiểu thừa kế và tính toán từ một phần tử?
- 3. Cách lấy tất cả CSS của phần tử
- 4. lấy tất cả các giá trị của phần tử Form bằng cách sử dụng jquery?
- 5. lấy kích thước lề của một phần tử với jquery
- 6. Lấy tất cả các kiểu css cho phần tử DOM (a la Firebug)
- 7. jQuery: chọn tất cả các phần tử với thuộc tính tùy chỉnh
- 8. Thay đổi kiểu của tất cả các phần tử khác khi một phần tử bị lơ lửng
- 9. jQuery lấy các phần tử không có display = "none"
- 10. jquery: chọn tất cả các phần tử sau nth
- 11. Làm thế nào để có được tất cả các phần tử con của cây phần tử với Python ElementTree?
- 12. Cách áp dụng toán tử logic cho tất cả các phần tử trong danh sách python
- 13. Tính toán khoảng cách của tất cả các điểm trong một khu vực với nhau
- 14. Làm thế nào để có được tất cả các lớp CSS của một phần tử?
- 15. Có phương pháp trình duyệt chéo nào nhận các giá trị css được sử dụng của tất cả các thuộc tính của tất cả các phần tử không?
- 16. javascript: chọn tất cả các phần tử có thuộc tính "data-" (không có jQuery)
- 17. jQuery: Làm thế nào để sao chép tất cả các thuộc tính của một phần tử và áp dụng chúng cho một phần tử khác?
- 18. Thay thế tất cả các ocurrance của một chuỗi trong một phần tử
- 19. Sắp xếp lại tất cả các phần tử sau khi ẩn một phần tử bằng cách sử dụng jquery masonry
- 20. Tìm tất cả các yếu tố của một phần của thuộc tính id
- 21. Lấy danh sách tất cả các phần tử trong một mảng JavaScript
- 22. Làm cách nào để nhân tất cả các phần tử trong một bộ sưu tập với tất cả các phần tử trong một bộ sưu tập khác?
- 23. Đếm Các phần tử html được tạo động với jquery
- 24. Làm thế nào để chọn tất cả các phần tử của cùng một lớp trong một div với jQuery?
- 25. Cách lấy chiều rộng và chiều cao của phần tử được tính trong YUI3?
- 26. jQuery - Lấy phần tử từ mảng thành phần jQuery?
- 27. jquery animate cho thuộc tính phần tử không phải kiểu
- 28. Lấy các phần tử theo tên lớp bên trong một phần tử khác bằng jQuery
- 29. Cách lấy innerText của một phần tử với SimpleXml
- 30. jQuery nhận tất cả các thuộc tính HTML
Tìm thấy câu trả lời cung cấp cho mọi tuyên bố kiểu * [here] (http://stackoverflow.com/questions/2558426/getcomputedstyle-or-cssmap- tuyên bố kiểu-get-every-style # answer-2561294), mà tôi nghĩ là những gì OP cho biết sau này. – Barney