Anh bạn, bạn thực sự nên làm việc với bạn mã hóa. Ngoài ra, viết mã đơn giản, sạch sẽ.
Đầu tiên, mã HTML chỉ nên trông như thế này:
Không có Div hoặc bất cứ điều gì như thế này. ul
và ol
chỉ được sử dụng kết hợp với li
. Ngoài ra, bạn phải luôn luôn đóng các thẻ HTML theo đúng thứ tự. Nếu không, giống như trong bài kiểm tra của bạn, bạn có các nubers khác nhau của việc mở và đóng thẻ. .
Và đây là mã cố định:
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
Bạn có thể xem một mẫu làm việc trong fiddle này.
Các vấn đề là:
- Bạn phải cam kết ID của mục đã nhấp bằng cách sử dụng
this.id
như @varada đã được đề cập. - Trước đó, bạn phải xây dựng một ID làm việc, phân tích các số vào các chuỗi bằng cách sử dụng
.toString[]
- Bạn thực sự đã viết loại mã lộn xộn. Những gì được cho là kết quả không phải là một danh sách, đó là nhiều người phụ thuộc khác nhau được bọc bên trong một thẻ ____ 2. Ôi trời.
BTW: Không bao giờ kiểm tra xem STH. là
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
0 bằng cách sử dụng trình vận hành ________ 11. Tốt hơn là luôn luôn sử dụng ____ 12 vận hành. Đọc về vấn đề ở đâyBTW ++: Tôi không biết những gì
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
3 bạn muốn đọc trong chức năng 14 của bạn. Tôi đã không kiểm tra xem nó có đọc
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
5 nhưng nói chung, bạn chỉ có thể đọc thông tin từ nơi thông tin được viết trước đó. Trong mẫu này,
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
3 nên trống tôi đoán ..Hy vọng tôi không quên bất cứ điều gì. Mã hoạt động ngay bây giờ như bạn có thể thấy. Nếu bạn có bất kỳ câu hỏi nào nữa, chỉ cần hỏi.
Cheers!
Thí dụ
Thay đổi nội dung HTML của hai yếu tố:
Đặt văn bản = "Xin chào Dolly."; document.getEuityById ["myp"]. InternalHtml = text; document.getEuityById ["MyDiv"]. Internhtml = text;
Hãy tự mình thử »
Lặp lại nội dung HTML của một phần tử:
phần tử.innerhtml += phần tử.innerhtml;
Hãy tự mình thử »
Lặp lại nội dung HTML của một phần tử:
phần tử.innerhtml += phần tử.innerhtml;
Hãy tự mình thử »
Lặp lại nội dung HTML của một phần tử:
phần tử.innerhtml += phần tử.innerhtml;
Hãy tự mình thử »
Lặp lại nội dung HTML của một phần tử:
phần tử.innerhtml += phần tử.innerhtml;
Thay đổi nội dung HTML và URL của một liên kết:
Lặp lại nội dung HTML của một phần tử:
innerHTML, innerText and textContent
phần tử.innerhtml += phần tử.innerhtml;
Thay đổi nội dung HTML và URL của một liên kết:
phần tử.innerhtml = "w3schools"; phần tử.href = "//www.w3schools.com";
Sự khác biệt giữa InternHTML, InnerText và TextContent
Thuộc tính bên trong trả về: Nội dung văn bản của phần tử, bao gồm tất cả các thẻ HTML khoảng cách và bên trong.
Thuộc tính bên trong trả về: Chỉ nội dung văn bản của phần tử và tất cả trẻ em của nó, không có khoảng cách và thẻ văn bản ẩn CSS, ngoại trừ và các phần tử. | Sự mô tả |
Sợi dây | Nội dung HTML. |
Giá trị trả về
Loại hình | Sự mô tả |
Sợi dây | Nội dung HTML của phần tử. |
Nhiều ví dụ hơn
Thí dụ
Thay đổi nội dung HTML của hai yếu tố:
Đặt văn bản = "Xin chào Dolly."; document.getEuityById ["myp"]. InternalHtml = text; document.getEuityById ["MyDiv"]. Internhtml = text;
document.getElementById["myP"].innerHTML = text;
document.getElementById["myDIV"].innerHTML = text;
Hãy tự mình thử »
Thí dụ
Thay đổi nội dung HTML của hai yếu tố:
Đặt văn bản = "Xin chào Dolly."; document.getEuityById ["myp"]. InternalHtml = text; document.getEuityById ["MyDiv"]. Internhtml = text;
Hãy tự mình thử »
Thí dụ
Thay đổi nội dung HTML của hai yếu tố:
Đặt văn bản = "Xin chào Dolly."; document.getEuityById ["myp"]. InternalHtml = text; document.getEuityById ["MyDiv"]. Internhtml = text;
element.href = "//www.w3schools.com";
Hãy tự mình thử »
Lặp lại nội dung HTML của một phần tử:
innerHTML, innerText and textContent
phần tử.innerhtml += phần tử.innerhtml; The text content of the element, including all spacing and inner HTML tags. |
Thay đổi nội dung HTML và URL của một liên kết: Just the text content of the element and all its children, without CSS hidden text spacing and tags, except and elements. |
phần tử.innerhtml = "w3schools"; phần tử.href = "//www.w3schools.com"; The text content of the element and all descendaces, with spacing and CSS hidden text, but without tags. |
Sự khác biệt giữa InternHTML, InnerText và TextContent
Thuộc tính bên trong trả về: Nội dung văn bản của phần tử, bao gồm tất cả các thẻ HTML khoảng cách và bên trong.
Ví dụ JavaScript
Đặt văn bản = document.getEuityById ["myp"]. Internaltext;
Let text = document.getEuityById ["myp"]. InternalHtml;
let text = document.getEuityById ["demo"]. textContent;
Hãy tự mình thử »
Trong ví dụ trên:
Thuộc tính bên trong trả về: Phần tử này có khoảng cách thêm và chứa phần tử nhịp. This element has extra spacing and contains a span element. |
Thuộc tính bên trong trả về: & nbsp; & nbsp; Yếu tố này có khoảng cách bổ sung & nbsp; & nbsp; & nbsp; và chứa một phần tử nhịp. This element has extra spacing and contains a span element. |
Thuộc tính TextContent trả về: & nbsp; & nbsp; Yếu tố này có khoảng cách bổ sung & nbsp; & nbsp; & nbsp; và chứa một phần tử nhịp. This element has extra spacing and contains a span element. |
Hỗ trợ trình duyệt
function callAlert[] {
var rows = prompt['Please type in the number of required rows'];
var listCode = '';
for [var i = 0; i < rows; i++] {
var listID = 'list_' + i.toString[];
if [i % 2 === 0] {
listCode += 'listItem# ' + i + ' ';
}
else {
listCode += 'listItem# ' + i + ' ';
}
}
document.getElementById['thelist'].innerHTML = listCode;
}
function itemClicked[id] {
var pElement = document.getElementById[id].innerHTML;
alert["Clicked: " + id + '\nValue: ' + pElement];
}
8 được hỗ trợ trong tất cả các trình duyệt:
Trình duyệt Chrome | I E | Bờ rìa | Firefox | Cuộc đi săn | Opera |
Đúng | Đúng | Đúng | Đúng | Đúng | Đúng |