Hướng dẫn parse div tag javascript - phân tích cú pháp thẻ div javascript

Question

Tôi đã thử điều này nhưng hiển thị "không xác định".

function test() {
var t = document.getElementById('superman').value;
alert(t); }

Có cách nào để có được giá trị bằng cách sử dụng JavaScript đơn giản không có jQuery nào không!

hỏi ngày 29 tháng 4 năm 2012 lúc 6:28Apr 29, 2012 at 6:28

Có lẽ bạn sẽ muốn thử


  Some sample text.

0 thay vì


  Some sample text.

1.

Cho


  Some sample text.

1 sẽ trả về nội dung DOM dưới dạng


  Some sample text.

3 và không độc quyền "văn bản" trong


  Some sample text.

4. Sẽ tốt nếu bạn biết rằng


  Some sample text.

4 của bạn chỉ chứa văn bản nhưng không phù hợp nếu mọi trường hợp sử dụng. Đối với những trường hợp đó, có lẽ bạn sẽ phải sử dụng


  Some sample text.

0 thay vì


  Some sample text.

1

Ví dụ, xem xét đánh dấu sau:


  Some sample text.

Bạn sẽ nhận được kết quả sau:

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

Xem MDN để biết thêm chi tiết:

TextContent
Nội tâm

Hướng dẫn parse div tag javascript - phân tích cú pháp thẻ div javascript

Mảnh vỡ

7.6015 Huy hiệu vàng30 Huy hiệu bạc43 Huy hiệu đồng5 gold badges30 silver badges43 bronze badges

Đã trả lời ngày 29 tháng 4 năm 2012 lúc 11:30Apr 29, 2012 at 11:30

Dhardhardhar

2.5982 Huy hiệu vàng17 Huy hiệu bạc13 Huy hiệu đồng2 gold badges17 silver badges13 bronze badges

5

Bởi vì


  Some sample text.

0 không được hỗ trợ trong IE8 trở lên, đây là một cách giải quyết:

var node = document.getElementById('test'),
var text  = node.textContent || node.innerText;
alert(text);


  Some sample text.

9 hoạt động trong IE.

Đã trả lời ngày 9 tháng 11 năm 2016 lúc 15:51Nov 9, 2016 at 15:51

Oabarcaoabarcaoabarca

10,4K6 Huy hiệu vàng56 Huy hiệu bạc71 Huy hiệu đồng6 gold badges56 silver badges71 bronze badges

Bạn có thể sử dụng ________ 11 (sau đó phân tích văn bản từ HTML) hoặc sử dụng


  Some sample text.

9.

let textContentWithHTMLTags = document.querySelector('div').innerHTML; 
let textContent = document.querySelector('div').innerText;

console.log(textContentWithHTMLTags, textContent);


  Some sample text.

1 và


  Some sample text.

9 được hỗ trợ bởi tất cả các trình duyệt (ngoại trừ Firefox <44) bao gồm IE6.

Đã trả lời ngày 7 tháng 12 năm 2018 lúc 12:56Dec 7, 2018 at 12:56

AbdusabdusAbdus

1133 Huy hiệu bạc9 Huy hiệu Đồng3 silver badges9 bronze badges

Trên thực tế, bạn không cần gọi chức năng

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

4 để có quyền truy cập vào


  Some sample text.

4 của bạn.

Bạn có thể sử dụng trực tiếp

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

6 này bằng

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

7:

text = test.textContent || test.innerText;
alert(text);

ℛɑƒæĿᴿᴹᴿ

4.2953 Huy hiệu vàng38 Huy hiệu bạc54 Huy hiệu đồng3 gold badges38 silver badges54 bronze badges

Đã trả lời ngày 1 tháng 4 năm 2020 lúc 12:17Apr 1, 2020 at 12:17

Đề bài: Hãy viết ứng dụng ẩn và hiện thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.: Hãy viết ứng dụng ẩn và hiện thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.

Đây là bài tập khá đơn giản, qua đó bạn có thể áp dụng ẩn và hiện nội dung bàng javascript.freetuts.net, không được copy dưới mọi hình thức.

Đây là bài tập khá đơn giản, qua đó bạn có thể áp dụng ẩn và hiện nội dung bàng javascript.

Chúng ta sử dụng thuộc tính CSS

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

8 để hiển thị thẻ


  Some sample text.

4, và thuộc tính

var node = document.getElementById('test'),
var text  = node.textContent || node.innerText;
alert(text);

0 để ẩn thẻ div. Nhưng vấn đề là ta phải sử dụng Javascript để làm điều này, nên phải sử dụng cú pháp dưới đây để thay đổi giá trị cho thuộc tính display CSS.

document.getElementById('id_name').style.display = "block|none";

Sau đây là bài giải tham khảo.

Code

Javascript Example

Ẩn và hiện thẻ div bằng Javascript

Sử dụng Javascript để thay đổi thuộc tính display:none để ẩn và display:block để hiển thị thẻ div

Nội dung thẻ div: Chào mừng bạn đến đến với webiste học lập trình freetuts.net

Nếu bạn sử dụng jQuery thì rất đơn giản, chỉ cần áp dụng hai hàm show và hide là có thể ẩn và hiện nội dung bất kì.

Danh sách file tải về

Tên file tải về	Pass giải nén
Download mã nguồn	freetuts.net hoặc gameportable.net

Nov - 2020

18

Cẩm nang chia sẻ kiến thức

Hãy viết ứng dụng ẩn và hiện một thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.

Bước 1 : Xây dựng cấu trúc HTML như hình dưới Xây dựng cấu trúc HTML như hình dưới

Bước 2 : Thêm CSS Thêm CSS

Bước 3 : Thêm Javascript để thực hiện chuyển đổi ẩn - hiện thẻ div Thêm Javascript để thực hiện chuyển đổi ẩn - hiện thẻ div

Chạy chương trình, ta ấn từng nút để xem kết quả :

Nguồn : Devmaster Academy

Đề bài: Hãy viết ứng dụng ẩn và hiện thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.: Hãy viết ứng dụng ẩn và hiện thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.

Đây là bài tập khá đơn giản, qua đó bạn có thể áp dụng ẩn và hiện nội dung bàng javascript.

Chúng ta sử dụng thuộc tính CSS

var node = document.getElementById('test'),

htmlContent = node.innerHTML,
// htmlContent = "Some sample text."

textContent = node.textContent;
// textContent = "Some sample text."

8 để hiển thị thẻ


  Some sample text.

4, và thuộc tính

var node = document.getElementById('test'),
var text  = node.textContent || node.innerText;
alert(text);

0 để ẩn thẻ div. Nhưng vấn đề là ta phải sử dụng Javascript để làm điều này, nên phải sử dụng cú pháp dưới đây để thay đổi giá trị cho thuộc tính display CSS.

Bạn đang xem: Code ẩn và hiện thẻ div bằng Javascript

document.getElementById('id_name').style.display = "block|none";

Sau đây là bài giải tham khảo.

Code

Javascript Example

Sử dụng Javascript để thay đổi thuộc tính display:none để ẩn và display:block để hiển thị thẻ div

Nội dung thẻ div: Chào mừng bạn đến đến với webiste học lập trình freetuts.net

Nếu bạn sử dụng jQuery thì rất đơn giản, chỉ cần áp dụng hai hàm show và hide là có thể ẩn và hiện nội dung bất kì.

Danh sách file tải về

Tên file tải về	Pass giải nén
Download mã nguồn	MyLop hoặc gameportable.net

Đăng bởi: MyLop

Chuyên mục: Học Lập Trình

Back to top button

programming javascript DOMParser innerHTML textContent js HTML Parser innerHTML style Extract html javascript

Hướng dẫn parse div tag javascript - phân tích cú pháp thẻ div javascript

Ẩn và hiện thẻ div bằng Javascript

18

Hãy viết ứng dụng ẩn và hiện một thẻ div bằng Javascript bằng cách tạo ra 2 button, khi click vào button1 thì ẩn thẻ div và khi click vào button2 thì hiển thị thẻ div.

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội