HTML DOM cho phép JavaScript thay đổi nội dung của các phần tử HTML.
Thay đổi nội dung HTML
Cách dễ nhất để sửa đổi nội dung của phần tử HTML là sử dụng thuộc tính innerHTML.
Để thay đổi nội dung của phần tử HTML, hãy sử dụng cú pháp này:
document.getEuityById (id) .innerhtml = new HTML
Ví dụ này thay đổi nội dung của phần tử <p>:
Thí dụ
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
document.getElementById("p1").innerHTML = "New text!";
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
- Hãy tự mình thử »
- Ví dụ giải thích:
- Tài liệu HTML ở trên chứa phần tử <p> với id="p1"
Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"
Thí dụ
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
const element = document.getElementById("id01");
element.innerHTML = "New Heading";
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
- Hãy tự mình thử »
- Ví dụ giải thích:
- Tài liệu HTML ở trên chứa phần tử <p> với id="p1"
Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"
Một JavaScript thay đổi nội dung (innerHTML) của yếu tố đó thành "văn bản mới!"
Ví dụ này thay đổi nội dung của phần tử <h2>:
This example changes the value of the src attribute of an innerHTML2 element:
Thí dụ
Chào thế giới!
document.getElementById("myImage").src = "landscape.jpg";
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
- Hãy tự mình thử »
- Ví dụ giải thích:
- Tài liệu HTML ở trên chứa phần tử <p> với id="p1"
Chúng tôi sử dụng HTML DOM để lấy phần tử với id="p1"
Một JavaScript thay đổi nội dung (innerHTML) của yếu tố đó thành "văn bản mới!"
Thí dụ
Chào thế giới!
document.getElementById("demo").innerHTML = "Date : " + Date();
Chào thế giới!
document.write()
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
Thí dụ
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
document.write(Date());
Chào thế giới!
Chào thế giới!
document.getEuityById ("p1"). InternalHtml = "văn bản mới!";
Hãy tự mình thử »
Exercise:
Ví dụ giải thích:
<img id="image" src="smiley.gif"> <script> document.getElementById("image") = "pic_mountain.jpg"; </script>
Tài liệu HTML ở trên chứa phần tử <p> với id="p1"
//docs.convertize.io/fr/docs/comment-editer-le-code-html-dun-element/
Bạn có thể chỉnh sửa mã HTML của bất kỳ yếu tố nào trên Chuyển đổi. Trong ví dụ này, chúng tôi sẽ lấy trang đích của Google và chỉnh sửa HTML của phần tử Gmail Gmail.
Bạn có thể truy cập mã HTML từ & NBSP; Phòng chỉnh sửa trong tùy chọn nâng cao trên mạng khi bạn nhấp vào các phần tử, như được hiển thị bên dưới.
Nếu bạn chỉ tự chọn phần tử, bạn sẽ không thể sửa đổi dòng đầu tiên và cuối cùng của mã HTML. Trong hình ảnh bên dưới, ví dụ, bạn sẽ không thể sửa đổi phần tử của HREF và NBSP;
Trong ví dụ dưới đây, chúng tôi đã chọn một phần tử lớn hơn trong đó phần tử của Gmail là một phần của. Bây giờ bạn có thể chỉnh sửa bản HREF, vì đây là một phần của dòng thứ hai của mã HTML chứ không phải trong dòng đầu tiên hoặc cuối cùng.
Xin lưu ý rằng mã HTML ban đầu của trang web của bạn sẽ không bao giờ được thay đổi, bất kể sửa đổi & nbsp; được làm từ chuyển đổi. Các sửa đổi này chỉ được hiển thị trên trang web của bạn thông qua Pixel chuyển đổi (mã theo dõi) mà bạn đã cài đặt trong mã HTML gốc.