 | Trong một vài tình huống yêu cầu đặc thù bạn cần chèn thêm dữ liệu vào một thẻ div nào đó, trong khi nó đã có sẵn nội dụng. Bài viết này sẽ hướng dẫn cách sử dụng JavaScript để chèn thêm dữ liệu vào một thẻ div được chỉ định thông qua ID của nó. |
Để thêm dữ liệu vào thẻ DIV qua ID bạn sử dụng một trong hai cách sau:
var div = document.getElementById('divID');
div.innerHTML = div.innerHTML + 'Extra stuff';
div.innerHTML = div.innerHTML + 'Extra stuff';
or
var div = document.getElementById('divID');
div.innerHTML += 'Text to append';
div.innerHTML += 'Text to append';
JavaScript Code - Mã JavaScript:
<!DOCTYPE html>
<html>
<body>
<p>Click the button get the HTML content of the p element.</p>
<button onclick="myFunction()">Try it</button>
<br /><br />
<div id="myDiv">Welcome to </div>
<script>
function myFunction() {
var div = document.getElementById("myDiv");
div.innerHTML = div.innerHTML + 'VN-Lives';
}
</script>
</body>
</html>
<html>
<body>
<p>Click the button get the HTML content of the p element.</p>
<button onclick="myFunction()">Try it</button>
<br /><br />
<div id="myDiv">Welcome to </div>
<script>
function myFunction() {
var div = document.getElementById("myDiv");
div.innerHTML = div.innerHTML + 'VN-Lives';
}
</script>
</body>
</html>
Result - Kết Quả:
Writer: +Bui Ngoc Son
No comments:
Post a Comment