- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
是否可以检索文本节点的几何位置(即从父元素、页面等的顶部/左侧偏移量)?
1 Câu trả lời
不是直接的。 TextNode 没有用于测量视口(viewport)定位的原始 IE 偏移*(和类似的)扩展。
仅在 IE 上,您可以创建一个 TextRange 对象,费力地尝试将其与 TextNode 的边界对齐,然后测量 TextRange 的 boundingLeft/boundingTop,并将其添加到父元素的位置(通过通常的方式获得) .然而,对于一个可能不稳定的单浏览器解决方案来说,这是一堆工作。
您可能能够摆脱的另一种方法是将文本包装在 span 元素中(在文档中,或者通过脚本动态和/或临时),并使用 span 来测量定位,假设它没有拾取任何额外的可能影响位置的样式。但是请注意,包裹的跨度可能不会给出预期的右/底部值;根据你想用它做什么,你最终可能会包装第一个和最后一个字符或其他一些排列。
总结:呃,没什么好说的。
关于dom - 检索 DOM 文本节点位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/396649/
đóng cửa. Câu hỏi này dựa trên ý kiến. Hiện tại không chấp nhận câu trả lời. Bạn có muốn cải thiện câu hỏi này không? Cập nhật câu hỏi để bạn có thể trả lời bằng thông tin và trích dẫn bằng cách chỉnh sửa bài đăng này. Đã đóng 6 năm trước. Cải thiện
Sự khác biệt giữa DOM nhẹ của Polymer và DOM cục bộ là gì? Từ tài liệu (1): DOM mà một phần tử tạo ra và quản lý được gọi là
Tôi cần kích hoạt Hành động khi nội dung được thêm vào trang web. Các bản cập nhật có thể có nhiều bản chất khác nhau (ví dụ: AJAX, tập lệnh bị trì hoãn, hành động của người dùng) và nằm ngoài tầm kiểm soát của tôi. Tôi muốn sử dụng các sự kiện đột biến DOM, nhưng chúng không khả dụng trên tất cả các trình duyệt. Có bất kỳ
Tôi vừa gặp phải một tình huống thú vị khi tôi có một lệnh gửi được đặt bên trong Shadow DOM của một phần tử tùy chỉnh gốc. Chọn #shadow-root ...
Giả sử có một danh sách cuộn, khi tôi chèn một số DOM mới vào DOM hiện tại, nó hoạt động tốt. Nhưng nếu tôi chèn một số DOM mới trước đó, DOM mới sẽ nằm trong khung nhìn và DOM cũ sẽ bị đẩy xuống. thả xuống
Việc triển khai Shadow DOM vào các dự án của tôi có giúp chúng nhanh hơn như Virtual DOM được React sử dụng không? Câu trả lời hay nhất Chúng là những thứ khác nhau với mục đích khác nhau, do đó việc so sánh hiệu suất là không có ý nghĩa. DOM ảo DOM ảo được thiết kế để tránh
Trên nội dung trang của tôi, tôi đã sắp xếp nhiều thẻ thành một lưới__________________ | ____ ____ | | | | | | | | | | |
Có thể xem (gỡ lỗi) các sự kiện tùy chỉnh được kích hoạt từ các phần tử DOM trong trình duyệt không? Giả sử tôi muốn xem phần tử cụ thể nào của Bootstrap Collapse kích hoạt sự kiện show.bs.collapse. Tôi có thể làm điều đó bằng cách nào đó không?
Tôi đang tạo XPath ở phía máy chủ để sử dụng ở phía máy khách và tôi không hiểu tại sao đường dẫn bảng (tức là nội dung trong td) lại không được tìm thấy trong DOM. Hóa ra các trình duyệt hiện đại (ít nhất là Chrome và Firefox) chèn tbody vào văn bản
Có thể lấy vị trí hình học của một nút văn bản (tức là độ lệch trên cùng/trái so với phần tử cha, trang, v.v.) không? Câu trả lời tốt nhất không phải là câu trả lời trực tiếp. TextNode không có tiện ích mở rộng IE Offset* gốc (và các tiện ích tương tự) để đo vị trí khung nhìn. Chỉ có trong
Ý nghĩa của các phần tử DOM trong các câu sau là gì? Câu lệnh #1 Bạn có thể thêm nhiều lớp vào một phần tử DOM duy nhất. Câu lệnh #2
Có cách nào để Firebug (hoặc bất kỳ trình duyệt nào khác, hoặc sử dụng bất kỳ công cụ nào khác) ngăn chặn mọi thao tác DOM xảy ra không? Đôi khi việc gỡ lỗi bố cục cho một màn hình chứa đầy các sự kiện di chuột là không thể vì các thành phần có thể biến mất và bạn không thể thấy bố cục hợp thành của chúng. 1 Câu trả lời
Tôi cần tìm kiếm văn bản ở đây trong một tài liệu html và sau đó xuất ra đường dẫn nút đầy đủ (CSS hoặc XPATH) Ví dụ html > body > div class ="something" > table > tr
Đây là cách thời gian tải thông thường cho một trong các trang của tôi bị phân chia:- Tra cứu tên miền 0 0 % Kết nối 134 .3% Yêu cầu
Tôi đang gặp một số vấn đề khi sử dụng .on(). Trang web của tôi ở đây. Nếu bạn xem www.eliteweb-creation.co.uk/dev/js/nav.js, tôi đang sử dụng mouseenter và mute
Tôi mới làm quen với Javascript và chịu trách nhiệm di chuyển giao diện người dùng (UI) của sản phẩm từ YUI2 sang YUI3. Có vẻ như không có hướng dẫn di chuyển nào ở đây nên hiện tại tôi đang duyệt các bài đăng trên internet và tài liệu về yui. Trong phạm vi toàn cầu của tôi, tôi tạm thời thêm một cái gì đó như
Tôi muốn thử nghiệm một số thứ liên quan đến DOM với một thực tập sinh, không cần đồ đạc cụ thể nào, chỉ cần những thứ chung về DOM như việc tôi thay đổi Element.prototype. Điều này có cần phải được thực hiện thông qua máy chủ Selenium cục bộ (hoặc sau đó không?
Tôi là người mới bắt đầu học HTML và HTML5. Khi tôi đọc liên kết sau, tôi tìm thấy các thuật ngữ DOM và DOM API. Tôi đọc qua Wikipedia nhưng không hiểu được toàn bộ ý tưởng đằng sau nó. Có ai có thể giải thích cho tôi được không: Document Object Model
Tôi có hai câu hỏi chính. Các tiện ích mở rộng như Object có được tính không? Gói DOM là gì? http://perfectionkills.com/whats-wrong-with-extending-the-do
Xin lỗi Query, Prototype, Yahoo YUI, Dojo không hấp dẫn tôi khi xem xét đến quy mô nhỏ. Tôi muốn một thư viện mô-đun với mã càng nhỏ càng tốt, tôi mong đợi tối đa 20Kb [chưa nén]. Nên cung cấp tình dục Dom
Tôi là một lập trình viên xuất sắc, rất giỏi!