Nội dung truy cập của <noscript> với Javascript

Question

<noscript><div id="example">I want to get this innerHTML</div></noscript> 

<script type="text/javascript"> alert($('example').innerHTML);</script> 

Đoạn mã javascript này chỉ trả về một chuỗi rỗng. Có cách nào để lấy nội dung của nút noscript không?

p.s. Tôi đang sử dụng nguyên mẫu cho dự án cụ thể này.

Answer 1

Nếu tập lệnh được bật, the noscript element is defined as containing only text - mặc dù văn bản phải là có thể phân tích cú pháp văn bản, với một số hạn chế về nội dung. Với ý nghĩ đó, bạn sẽ có thể trích xuất văn bản, phân tích cú pháp và sau đó tìm phần tử bạn muốn. Một ví dụ thô sơ về điều này sau:

var nos = document.getElementsByTagName("noscript")[0]; 
// in some browsers, contents of noscript hang around in one form or another 
var nosHtml = nos.textContent||nos.innerHTML; 

if (nosHtml) 
{ 
    var temp = document.createElement("div"); 
    temp.innerHTML = nosHtml; 

    // lazy man's query library: add it, find it, remove it 
    document.body.appendChild(temp); 
    var ex = document.getElementById("example"); 
    document.body.removeChild(temp); 

    alert(ex.innerHTML); 
} 

Lưu ý rằng khi tôi viết câu trả lời này lần đầu, thất bại trên trong Google Chrome; truy cập vào nội dung noscript dường như được hỗ trợ tốt hơn một chút trong những ngày này, nhưng nó vẫn tấn công tôi như một trường hợp có lẽ có nhiều khả năng hơn các phần tử khác để hiển thị lỗi - tôi sẽ tránh nó nếu bạn có các tùy chọn khác.

Answer 2

Thử nghiệm với Firefox 3.0.7, Safari 3.2.2 và MSIE 7.0.5730.13 (tất cả trên WinXP SP3) có vẻ như mọi thứ trong các thẻ <noscript> bị bỏ qua hoàn toàn khỏi cây DOM.

Có thể tự truy cập vào phần tử <noscript> và sau đó sử dụng các phương pháp DOM để thay đổi các phần tử con của nó.

Answer 3

Từ HTML 4.0 spec:

Yếu tố NOSCRIPT cho phép tác giả để cung cấp nội dung thay thế khi một kịch bản không được thực thi. Nội dung của phần tử NOSCRIPT chỉ được hiển thị bởi tác nhân người dùng nhận biết tập lệnh trong các trường hợp sau:

• Tác nhân người dùng được định cấu hình không đánh giá tập lệnh.
• Tác nhân người dùng không hỗ trợ ngôn ngữ kịch bản được gọi bởi phần tử SCRIPT trước đó trong tài liệu.

Dường như với tôi rằng điều này có nghĩa là toàn bộ nội dung của thẻ NOSCRIPT (trong trường hợp này, div của bạn) sẽ được bỏ qua hoàn toàn nếu kịch bản được kích hoạt trong trình duyệt. Bạn đã xác minh rằng div "example" có thể truy cập được thông qua DOM trong trường hợp của bạn không?

Answer 4

Tôi không chắc chắn về nguyên mẫu, nhưng hoạt động này trong Chrome với jQuery: (. $ ("Noscript") text())

$('noscript').before($('noscript').text()); 

Answer 5

Hãy thử $ với jQuery.