Trang Chủ Xã hội Truyền thông Lấy các phần tử theo ID, Tên thẻ, hoặc Lớp cho Mã số với JavaScript

Lấy các phần tử theo ID, Tên thẻ, hoặc Lớp cho Mã số với JavaScript

Mục lục:

Video: You can learn Arduino in 15 minutes. 2025

Video: You can learn Arduino in 15 minutes. 2025
Anonim

Trong JavaScript, phương thức getElementBy cung cấp truy cập dễ dàng cho bất kỳ phần tử hoặc nhóm yếu tố nào trong một tài liệu mà không dựa vào quan hệ cha mẹ / con của các nút. Ba cách phổ biến nhất để truy cập các phần tử là getElementById

  • getElementById

  • getElementById

  • Phương thức được sử dụng rộng rãi nhất để chọn các phần tử, getElementById là điều cần thiết cho sự phát triển web hiện đại. Với công cụ nhỏ gọn tiện dụng này, bạn có thể tìm và làm việc với bất kỳ phần tử đơn giản bằng cách tham chiếu thuộc tính id duy nhất. Cho dù điều gì khác xảy ra trong tài liệu HTML, getElementById sẽ luôn ở đó cho bạn và chắc chắn sẽ chọn nguyên tố chính xác mà bạn muốn.

Ví dụ này chứng tỏ sức mạnh tuyệt vời của getElementById để cho phép bạn giữ lại tất cả các mã JavaScript của bạn trong tài liệu của bạn hoặc để mô đun mã của bạn. Bằng cách sử dụng getElementById, bạn có thể làm việc với bất kỳ phần tử nào, bất cứ nơi nào trong tài liệu của bạn miễn là bạn biết id của nó.

Sử dụng hàm getElementById calculateMPG (miles, gallon) {document. getElementById ("displayMiles"). innerHTML = parseInt (dặm); tài liệu. getElementById ("displayGallons"). innerHTML = parseInt (gallon); tài liệu. getElementById ("displayMPG"). innerHTML = dặm / gallon;}

Bạn lái xe ___

dặm.

Bạn đã sử dụng ___

gallon xăng.

MPG của bạn là ___. var milesDriven = prompt ("Nhập mile driven"); var gallonsGas = prompt ("Nhập gallon khí đã sử dụng"); tínhMPG (milesDriven, gallonGas);

getElementsByTagName

Phương thức getElementsByTagName trả về một danh sách nút của tất cả các phần tử với tên thẻ được chỉ định. Ví dụ: getElementsByTagName được sử dụng để chọn tất cả các phần tử h1 và thay đổi các thuộc tính innerHTML của chúng cho các số thứ tự.

Sử dụng hàm getElementsByTagName numberElements (tagName) {var getTags =

. getElementsByTagName (tagName); for (i = 0; i đoạn văn này sẽ biến mất

điều này sẽ bị ghi đè lên

JavaScript sẽ xóa

numberElements ("h1");

getElementsByClassName

Phương thức getElementsByClassName hoạt động giống như getElementsByTagName, nhưng nó sử dụng các giá trị của thuộc tính class để chọn các phần tử. Hàm này chọn các phần tử với một lớp "lỗi" và sẽ thay đổi giá trị của thuộc tính innerHTML của chúng.

Sử dụng hàm getElementsByClassName checkMath (kết quả) {var userMath =

tài liệu. getElementById ("answer1"). giá trị; var errors =

tài liệu. getElementsByClassName ("lỗi"); if (parseInt (userMath)! = parseInt (result)) {lỗi [0]. innerHTML = "Đó là sai. Bạn đã nhập "+ userMath +". Câu trả lời là "+ result;} else {errors [0]. innerHTML = "Đúng! ";}} 4 + 1 = Kiểm tra toán học của bạn! 

(tiếp theo)

Kết quả của việc chạy mã này trong một trình duyệt web và nhập sai câu trả lời được hiển thị ở đây.getElementsByClassNa

Sử dụng getElementsByClassName để chọn một phần tử để hiển thị một thông báo lỗi.

Lưu ý rằng mã trên sử dụng thuộc tính onclick bên trong phần tử nút. Đây là ví dụ về thuộc tính xử lý sự kiện DOM.

Lấy các phần tử theo ID, Tên thẻ, hoặc Lớp cho Mã số với JavaScript

Lựa chọn của người biên tập

Làm thế nào để Thiết lập nhân viên trong QuickBooks Quá trình biên chế nâng cao - núm vú

Làm thế nào để Thiết lập nhân viên trong QuickBooks Quá trình biên chế nâng cao - núm vú

Sau khi bạn thành lập công ty của bạn thông tin cho bảng lương trong QuickBooks, bạn đã sẵn sàng để thiết lập nhân viên cho biên chế. Là một phần của quy trình Thiết lập biên chế nâng cao, QuickBooks hiển thị trang web nơi bạn có thể thêm nhân viên của mình. Bạn cũng có thể thêm nhân viên bằng cách hiển thị Trung tâm Nhân viên. (Chọn lệnh Employee → Employee Center và nhấp chuột ...

Làm thế nào để Thiết lập biểu đồ Tài khoản QuickBooks 2012 - núm vú

Làm thế nào để Thiết lập biểu đồ Tài khoản QuickBooks 2012 - núm vú

Biểu đồ tài khoản Danh sách trong QuickBooks 2012 là danh sách các tài khoản bạn sử dụng để phân loại thu nhập, chi phí, tài sản, nợ phải trả và số vốn chủ sở hữu của chủ sở hữu. Nếu bạn muốn xem chi tiết đơn hàng cụ thể của dữ liệu tài chính trên báo cáo, bạn cần một tài khoản cho chi tiết đơn hàng đó. Nếu bạn muốn ngân sách ...

Cách Thiết lập Máy in để in QuickBooks 2015 Hóa đơn - núm vú

Cách Thiết lập Máy in để in QuickBooks 2015 Hóa đơn - núm vú

Nếu bạn dự định in hóa đơn từ QuickBooks 2015, bạn chỉ cần cài đặt máy in hóa đơn một lần, nhưng bạn cần phải chỉ rõ một số quy tắc in ấn chung về hoá đơn. Các quy tắc này cũng áp dụng cho các bản ghi nhớ tín dụng và các đơn đặt hàng, bằng cách này. Để cài đặt máy in của bạn để in hóa đơn, làm theo các bước sau: Chọn ...

Lựa chọn của người biên tập

Hình ảnh Các chế độ phát trên một Canon EOS 70D - núm vú

Hình ảnh Các chế độ phát trên một Canon EOS 70D - núm vú

Một trong những điều tốt nhất về Canon EOS 70D của bạn có thể xem ảnh ngay sau khi bạn chụp chúng. Không còn đoán xem bạn có bị bắn mà bạn muốn hay cần thử lại; không còn lãng phí tiền bạc khi phát triển và in những bức ảnh bốc mùi. Để chuyển máy ảnh sang chế độ Phát lại, chỉ cần ...

Lựa chọn của người biên tập

Cách xem tab Thông báo của bạn trên Twitter - những con cần

Cách xem tab Thông báo của bạn trên Twitter - những con cần

Xem ai đang tương tác với bạn trên Twitter trực tiếp qua @replies và @mentions (Tweets để đáp ứng hoặc nói chung đề cập đến người dùng cá nhân), các mục yêu thích (cách thừa nhận hoặc đánh dấu trang Tweets) và retweets (chia sẻ nội dung đã được đăng bởi một người dùng Twitter khác). Yêu thích Nhấn vào biểu tượng ngôi sao, hoặc nút Video yêu thích, thêm vào Tweet của bạn ...

Sai lầm Twitter # 1: @reply versus @mention - núm vú

Sai lầm Twitter # 1: @reply versus @mention - núm vú

Mọi người dùng Twitter - mới và cũ - đã trở thành nạn nhân của sự nhầm lẫn giữa @reply versus @mention. Khi nhà phát triển thịnh vượng và nhà chiến lược nội dung Anum Hussein giới thiệu 21 mẹo đăng bài xã hội trên hội nghị INBOUND hàng năm, mẹo để hiểu sự khác biệt giữa @reply và @mention là số một ...

Mẹo vặt để xây dựng sự hiện diện của cá nhân trên Twitter

Mẹo vặt để xây dựng sự hiện diện của cá nhân trên Twitter

Twitter ban đầu phổ biến để giúp các cá nhân giữ liên lạc với bạn bè và người quen của họ qua các cập nhật nhỏ. Nhiều Twitterers cá nhân vẫn có xu hướng sử dụng Twitter theo cách này, cập nhật một vòng tròn gần gũi của bạn bè về những suy nghĩ và những sự kiện xảy ra trong cuộc sống của họ. Theo thời gian, bạn có thể theo kịp với những người mà bạn có thể không liên hệ ...