Trung tâm cá nhân
Bài viết phát hành
từ bỏ
Bài viết phổ biến của tác giả
- Phát triển data.frame theo cách hiệu quả về bộ nhớ
- phát hiện rò rỉ bộ nhớ ruby/ruby on rails
- Không thể giải quyết việc nhập android.support.v7.app
- Ổ cắm miền UNIX và bộ nhớ chia sẻ (tệp được ánh xạ)
29
4
Tôi có một danh sách thả xuống được điền bằng Javascript.
Khi quyết định các giá trị mặc định để hiển thị khi tải, tôi nhận ra rằng các thuộc tính sau đây hiển thị cùng một giá trị chính xác:
văn bản bên trong bên trongHTML nhãn chữ textNội dung văn bản bên ngoài Nghiên cứu của riêng tôi chỉ ra điểm chuẩn hoặc sự so sánh giữa một số nghiên cứu trong số đó (nhưng không phải tất cả).
Tôi có thể chọn 1 trong 2 cách dựa trên cảm nhận thông thường của mình vì chúng đều cung cấp kết quả như nhau, tuy nhiên, tôi lo rằng đây sẽ không phải là ý tưởng hay nếu dữ liệu thay đổi.
Những phát hiện của tôi là:
văn bản bên trongGiá trị sẽ được hiển thị nguyên trạng và bất kỳ định dạng HTML nào có thể được đưa vào sẽ bị bỏ qua.bên trongHTMLGiá trị sẽ được hiển thị với bất kỳ định dạng HTML nào được áp dụngnhãnCó vẻ như là văn bản bên trong Giống nhau, nên tôi không thể phân biệt đượcchữCó vẻ như là văn bản bên trong Giống như phiên bản viết tắt của jQuerytextNội dungCó vẻ như văn bản bên trong Giống nhau nhưng vẫn giữ nguyên định dạng (ví dụ: \N )văn bản bên ngoàiCó vẻ như là văn bản bên trong như nhauNghiên cứu của tôi chỉ có thể đưa tôi đi xa đến mức tôi chỉ có thể kiểm tra những gì tôi nghĩ ra hoặc đọc những gì đã được công bố, nhưng liệu có ai có thể xác nhận nghiên cứu của tôi là chính xác và nhãn Có điều gì đặc biệt về | và văn bản bên ngoài ?
1 Câu trả lời
Từ MDN :
Internet Explorer đã giới thiệu element.innerText. Mục đích khá giống [như textContent] với một vài điểm khác biệt:
Lưu ý rằng trong khi textContent lấy nội dung của tất cả các phần tử, bao gồm
Vàcác phần tử, thuộc tính tương đương dành riêng cho IE, innerText, thì không.innerText cũng nhận biết được kiểu và sẽ không trả về văn bản của các phần tử ẩn, trong khi textContent thì có.
Vì innerText nhận biết được kiểu CSS nên nó sẽ kích hoạt lệnh reflow, trong khi textContent thì không.
Vì thế văn bản bên trongSẽ không bao gồm văn bản ẩn bởi CSS, nhưng textNội dungĐúng.
innerHTML trả về HTML như tên của nó chỉ ra. Khá thường xuyên, để lấy hoặc viết văn bản trong một phần tử, mọi người sử dụng innerHTML. textContent nên được sử dụng thay thế. Vì văn bản không được phân tích cú pháp dưới dạng HTML, nên có khả năng có hiệu suất tốt hơn. Hơn nữa, điều này tránh được một vectơ tấn công XSS.
Trong trường hợp bạn chưa nghe, tôi xin nhắc lại lần nữa:không muốnsử dụng. bên trongHTMLTrừ khi bạn có ý định cụ thể chèn HTML vào phần tử và đã thực hiện các biện pháp phòng ngừa cần thiết để đảm bảo rằng HTML bạn chèn không chứa nội dung độc hại. Nếu bạn chỉ muốn chèn văn bản, hãy sử dụng .textNội dungNgoài ra, nếu bạn cần hỗ trợ IE8 và các phiên bản trước đó, hãy sử dụng tính năng phát hiện trong .textNội dung Chuyển đổi giữa .văn bản bên trong .
Một trong những lý do chính khiến có nhiều thuộc tính khác nhau là vì các trình duyệt khác nhau ban đầu có tên gọi khác nhau cho các thuộc tính này và vẫn chưa có sự hỗ trợ đầy đủ trên nhiều trình duyệt cho tất cả các thuộc tính đó. Nếu bạn đang sử dụng jQuery, bạn nên tuân thủ .chữ()Bởi vì tính năng này được thiết kế để loại bỏ sự khác biệt giữa các trình duyệt. *
Đối với một số người khác:bên ngoàiHTMLVàbên trongHTMLVề cơ bản là giống nhau, ngoại trừ việc nó chứa thẻ mở và thẻ đóng của phần tử mà nó thuộc về. Có vẻ như tôi không thể tìm thấy bất kỳ thông tin nào về văn bản bên ngoài Quá nhiều mô tả. Tôi nghĩ đây có thể là một đặc tính di sản ít người biết đến và cần tránh.
Liên quan đến javascript - innerText so với innerHTML so với label so với text so với textContent so với outerText, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/24427621/
29
4
0
Tôi nghĩ là tôi đã bỏ lỡ điều gì đó rất hiển nhiên ở đây và rất mong nhận được sự giúp đỡ. Cảm ơn trước. Tôi có đoạn mã sau, nhưng khi tôi chạy nó bị lỗi và nói rằng .textContent không thể áp dụng cho queryString vì query
Tôi có một html như thế này: Tiêu đề của tôi Đây là một văn bản và một đoạn văn Một đoạn văn khác
Tôi có một tệp xml trên đĩa chứa: _gos='monster.gostats.com';_goa=458628; _got=5;_goi
Câu hỏi này đã có câu trả lời: JavaScript closure inside loops – ví dụ thực tế đơn giản (45 câu trả lời) Đã đóng 4 năm trước. Tôi đang thử thực đơn
Tôi có một bảng mà tôi muốn trích xuất văn bản của các mục sự kiện. Tôi thực hiện điều này bằng mã sau: var addedWorkout = $("#custDropDownMenuA").find(".dropdown-it
Đây là mã của tôi: var text1 = "↵,bla bla";//ở đây text1 có giá trị text1 = text1.textContent;//ở đây nó không được xác định
Tôi đang cố gắng tạo một logo động lấy cảm hứng từ: http://codepen.io/pavlunya/pen/OPmVem Khi tôi sử dụng document.getElementById thay vì document.getElementById
var container = document.getElementById("grid-container"); var btn = document.getElementById("btn");
Tôi đang cố gắng lấy textContent của thẻ h3 xuất hiện phía trên thẻ div cha. Trùng lặp mã, việc thêm id không phải là một tùy chọn cho thẻ h3. Hy vọng điều này có thể được thực hiện bằng Javascript thuần túy. HTML của tôi hiện tại là..
Trước hết, tôi đang tạo một thư viện cho JavaScript, nhưng tôi không thể sử dụng jQuery. Tôi đang cố gắng lấy nội dung văn bản của phần tử HTML
Tôi đang sử dụng element.textContent = unescapedData để đưa dữ liệu đầu vào chưa thoát của người dùng vào một trang web. Có cách nào kẻ tấn công có thể sử dụng điều này để làm điều xấu không? Nếu nó có mã CSS sau thì sao? chiều rộng tối đa
Tôi muốn thiết lập nội dung văn bản của một phần tử bằng JavaScript. Nếu tôi thực hiện điều này: var el = document.getElementById('my-element') el.textContent = '&
Dưới đây là mã JavaScript mà tôi đang cố gắng sử dụng để lấy ngày từ bên trong một phần tử có nhiều phần tử. Phần tử thứ chín chứa ngày theo định dạng YYYY-MM-DD. Khi tôi sử dụng mã này, có vẻ như nó không chuyển đổi phần tử thành JavaScript
Tôi muốn sử dụng một tập lệnh sử dụng JavaScript để cập nhật một phần tử ở chân trang web của mình. Tuy nhiên, phần tử h3 không được cập nhật. Tôi đã thử textContent không cập nhật HTML nhưng không tìm ra giải pháp.
Gần đây tôi đang thử nghiệm và nhận thấy một số hành vi kỳ lạ liên quan đến thuộc tính .textContent. // Tôi hiểu rằng .innerHTML nên được sử dụng ở đây.
Tôi không biết tại sao điều này lại xảy ra nhưng sản phẩm thay thế của tôi không hoạt động. Điều này có vẻ hơi bất thường mặc dù cú pháp của tôi là đúng. info.textContent.replace('Title', "replaced"); trong đó info là phần tử lưu trữ
Cần: Tôi cần một trình kích hoạt khi textContent của nút vượt quá chiều rộng của nút. Câu hỏi: Có cách nào gọn gàng/thông minh để phát hiện khi textContent tràn phần tử cha của nó không? Ví dụ Codepen Thêm
Chào buổi sáng, tôi hy vọng ai đó có thể giúp tôi giải quyết vấn đề có vẻ đơn giản này. Tôi không hiểu tại sao textContent hoặc innerHTML của tôi không cập nhật DOM. Nó hiển thị trong bảng điều khiển của tôi rằng nó đã thay đổi, nhưng vì lý do nào đó tôi không hiểu tại sao
Tôi đã gửi tiện ích bổ sung Firefox tới thư mục Mozilla nhưng nó đã bị từ chối vì lý do sau: item.innerHTML = '' + ''
Cho firstsecond và span + span::before { content: ', '; } Tôi muốn lấy chuỗi được hiển thị 'first, secondary' trong JavaScript
Tôi là một lập trình viên xuất sắc, rất giỏi!