I know this is not standard but I want to set the value of a div, like this:
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
9document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
0to use the value you have to use
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
1 but I cant find any way to set it. thanks in advance!
Syscall
18.4k10 gold badges34 silver badges50 bronze badges10 gold badges34 silver badges50 bronze badges
asked Oct 14, 2021 at 0:53Oct 14, 2021 at 0:53
1
You can't set a value to a div. Instead you can try to add a data attribute, like this:
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
2And if you want to access the data-value from javascript, just use
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
3, in this case: document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
4Note that you can set multiple data attributes to one element, making it much more versatile than using value.
answered Oct 14, 2021 at 1:55Oct 14, 2021 at 1:55
OsmarOsmarOsmar
806 bronze badges6 bronze badges
Bạn có thể sử dụng chức năng trợ giúp sau:
Nội dung chính ShowShow
- Thay đổi văn bản của phần tử div bằng JavaScript #
- Làm cách nào để đặt văn bản vào một div?
- Tôi có thể đặt văn bản trực tiếp vào một div không?
- Tôi có thể nối vào một div javascript không?
- Làm thế nào để bạn tạo một div trong javascript?
element
and the appendChild[] method to append the
element to another container.
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
Bạn có thể sử dụng chức năng trợ giúp sau:
Nội dung chính Show [3x faster than chrome!]
Thay đổi văn bản của phần tử div bằng JavaScript #
Thay đổi văn bản của phần tử div bằng JavaScript #
function content[divSelector, value] {
document.querySelector[divSelector].innerHTML = value;
}
content['#content',"whatever"];
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
5 phải là bộ chọn CSS hợp lệ0. Thuộc tính document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6 sẽ đặt văn bản của document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
7 thành chuỗi được cung cấp, thay thế bất kỳ nội dung hiện có nào.Đây là ví dụ làm việc.
Copied!
DOCTYPE html> Initial Text
Ngoài ra - hôm nay [2018.07.01] Tôi đã thực hiện so sánh tốc độ cho các giải pháp JQuery và Pure JS [MacOS High Sierra 10.13.3 trên Chrome 67.0.3396.99 [64 -bit], Safari 11.0.3 [13604.5.6], Firefox 59.0.0.2 [64 bit]]:
Copied!
const div = document.getElementById['container']; // ✅ Change [replace] the text of the element div.textContent = 'Replacement text'; // ✅ Change [replace] the content with HTML div.innerHTML = `Replacement HTML`; // ✅ Append / Prepend text to the element div.insertAdjacentText['beforeend', ' appended text']; // ✅ Append / Prepend HTML to the element div.insertAdjacentHTML[ 'beforeend', ` appended HTML
`, ];
Giải pháp jQuery chậm hơn giải pháp JS tinh khiết: 69% trên Firefox, 61% trên Safari, 56% trên Chrome. Trình duyệt nhanh nhất cho Pure JS là Firefox với 560m hoạt động mỗi giây, lần thứ hai là Safari 426m và chậm nhất là Chrome 122m.
Vì vậy, những người chiến thắng là JS và Firefox thuần túy [nhanh hơn 3 lần so với Chrome!] [3x faster than chrome!]
Bạn có thể kiểm tra nó trong máy của bạn: //jsperf.com/js-jquery-html-content-change
Sử dụng thuộc tính
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6 để thay đổi văn bản của phần tử document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
7, ví dụ: Copied!
const div = document.getElementById['container']; // ✅ Change [replace] the text with HTML div.innerHTML = `Replacement HTML`;
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
0. Thuộc tính document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6 sẽ đặt văn bản của document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
7 thành chuỗi được cung cấp, thay thế bất kỳ nội dung hiện có nào.Đây là HTML cho các ví dụ trong bài viết này.Và đây là mã JavaScript liên quan.
Chúng tôi đã sử dụng thuộc tính TextContent trên
7 để thay đổi nội dung văn bản của nó.document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
Thuộc tính
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6 cũng có thể được sử dụng để đọc nội dung văn bản của một phần tử và hậu duệ của nó.Cài đặt document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6 trên một phần tử, loại bỏ tất cả trẻ em của phần tử và thay thế chúng bằng một nút văn bản duy nhất bằng chuỗi được cung cấp.Nếu bạn cần thay thế hoàn toàn nội dung HTML của
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
7, hãy sử dụng thuộc tính bên trong.- Thuộc tính
7 được hoặc đặt HTML chứa trong phần tử.document.getElementById["content"].innerHTML = "whatever"; // pure JS $['#content'].html['whatever']; // jQuery
- Bằng cách đặt thuộc tính trên phần tử, bạn thay thế hiệu quả HTML có chứa trước đó trong
7.document.getElementById["content"].innerHTML = "whatever"; // pure JS $['#content'].html['whatever']; // jQuery
- Bạn không nên sử dụng dữ liệu do người dùng tạo mà không thoát khỏi nó khi đặt HTML của một phần tử vì nó sẽ khiến ứng dụng của bạn dễ bị tấn công XSS.
- Nếu bạn cần nối / chuẩn bị cho văn bản vào nội dung hiện có của phần tử
7, hãy sử dụng phương thứcdocument.getElementById["content"].innerHTML = "whatever"; // pure JS $['#content'].html['whatever']; // jQuery
0 thay thế.Copied!
DOCTYPE html> Initial Text
Copied!
const div = document.getElementById['container']; // ✅ Append / Prepend text to the element div.insertAdjacentText['beforeend', ' appended text'];
Phương thức InsertAdjacentText lấy 2 tham số sau:
1 tùy thuộc vào trường hợp sử dụng của bạn.Copied!
DOCTYPE html> Initial Text
Nếu bạn cần chèn HTML vào
document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
7, hãy sử dụng phương thức InsertAdjacenthTML.document.getElementById["content"].innerHTML = "whatever"; // pure JS
$['#content'].html['whatever']; // jQuery
6Tham số đầu tiên Phương thức
0 giống nhưCopied!
const div = document.getElementById['container']; // ✅ Change [replace] the text of the element div.textContent = 'Replacement text'; // ✅ Change [replace] the content with HTML div.innerHTML = `Replacement HTML`; // ✅ Append / Prepend text to the element div.insertAdjacentText['beforeend', ' appended text']; // ✅ Append / Prepend HTML to the element div.insertAdjacentHTML[ 'beforeend', ` appended HTML
`, ];
0 - vị trí mà HTML phải được chèn.Copied!
DOCTYPE html> Initial Text
Tham số thứ hai là chuỗi HTML chứa nội dung bạn muốn chèn.
Lưu ý rằng phương pháp này không nên được sử dụng với dữ liệu được cung cấp mà không có nó bị thoát ra, vì nó sẽ khiến bạn mở ra các cuộc tấn công kịch bản chéo trang.
Làm cách nào để đặt văn bản vào một div?
Sử dụng phương thức insertAdjacentText [] để nối văn bản vào phần tử div, ví dụ:thùng đựng hàng.insertAdjacentText ['trước', 'văn bản của bạn ở đây'].Phương thức chèn một nút văn bản mới tại vị trí được cung cấp, liên quan đến phần tử mà nó được gọi., e.g. container. insertAdjacentText['beforeend', 'your text here'] . The method inserts a new text node at the provided position, relative to the element it was called on., e.g. container. insertAdjacentText['beforeend', 'your text here'] . The method inserts a new text node at the provided position, relative to the element it was called on.
Tôi có thể đặt văn bản trực tiếp vào một div không?
Có, bạn có thể trực tiếp thêm văn bản nội dung vào thẻ DIV, mặc dù sử dụng thẻ P sẽ thích hợp hơn trong hầu hết các trường hợp.Lưu câu trả lời này., although using p tags would be preferable in most circumstances. Save this answer., although using p tags would be preferable in most circumstances. Save this answer.
Tôi có thể nối vào một div javascript không?
Mã HTML có thể được gắn vào Div bằng phương thức InsertAdjacenthtml [].Tuy nhiên, bạn cần chọn một phần tử bên trong div để thêm mã.Phương thức này có hai tham số: vị trí [trong tài liệu] nơi bạn muốn chèn mã ['AfterBegin', 'Trướcbegin', 'Afterend', 'Beforeend']. However, you need to select an element inside the div to add the code. This method takes two parameters: The position [in the document] where you want to insert the code ['afterbegin', 'beforebegin', 'afterend', 'beforeend']. However, you need to select an element inside the div to add the code. This method takes two parameters: The position [in the document] where you want to insert the code ['afterbegin', 'beforebegin', 'afterend', 'beforeend']
Làm thế nào để bạn tạo một div trong javascript?
Sử dụng javascript trong vani javascript, bạn có thể sử dụng phương thức createdEement [] gốc để tạo phần tử HTML và phương thức appendChild [] để nối phần tử vào thùng chứa khác.use the native createElement[] method to create an HTML use the native createElement[] method to create an HTML
element
and the appendChild[] method to append theelement to another container.