Trang Chủ Xã hội Truyền thông Làm việc với Nội dung của các Nguyên tố để Mã số với các thanh công cụ JavaScript - các đầu

Làm việc với Nội dung của các Nguyên tố để Mã số với các thanh công cụ JavaScript - các đầu

Mục lục:

Video: Bài 1. Cách tính tổng 2 số với Javascript cực đơn giản 2025

Video: Bài 1. Cách tính tổng 2 số với Javascript cực đơn giản 2025
Anonim

Trong JavaScript, bạn có thể hiển thị các kiểu nút và các giá trị nút bằng cách sử dụng HTML DOM. Bạn cũng có thể thiết lập giá trị thuộc tính của các phần tử trong DOM sử dụng đối tượng Element. Khi bạn sử dụng JavaScript để thiết lập các thuộc tính của các phần tử DOM, các giá trị mới được phản ánh trong thời gian thực bên trong tài liệu HTML.

Thay đổi các thuộc tính của các phần tử trong một tài liệu web để phản ánh chúng ngay lập tức trong trình duyệt, mà không cần phải làm mới hoặc tải lại trang web, là một nền tảng của cái được gọi là web 2. 0.

< ! -1->

innerHTML

Thuộc tính quan trọng nhất của một phần tử mà bạn có thể sửa đổi thông qua DOM là thuộc tính innerHTML.

Thuộc tính innerHTML của một phần tử chứa tất cả mọi thứ giữa thẻ bắt đầu và kết thúc của phần tử. Ví dụ, trong đoạn code sau đây, thuộc tính innerHTML của phần tử div chứa một phần tử p và nút con của nó:

Đây là một số văn bản.

Rất phổ biến trong lập trình web để tạo các phần tử div rỗng trong tài liệu HTML của bạn và sau đó sử dụng thuộc tính innerHTML để tự động chèn HTML vào các phần tử.

Để truy xuất và hiển thị giá trị của thuộc tính innerHTML, bạn có thể sử dụng mã sau:

var getTheInner = document. thân hình. firstChild. innerHTML; tài liệu. viết (getTheInner);

Trong đoạn mã trước, giá trị sẽ được xuất ra bởi tài liệu. write () là

Đây là một số văn bản.

Thiết lập thuộc tính innerHTML được thực hiện theo cách mà bạn thiết lập thuộc tính của bất kỳ đối tượng nào:

tài liệu. thân hình. firstChild. innerHTML = "Chào bạn! ";

Kết quả của việc chạy JavaScript trước đó sẽ là phần tử p và câu văn bản trong đánh dấu ban đầu sẽ được thay bằng các từ "Hi There! "Tài liệu HTML ban đầu vẫn không thay đổi, nhưng biểu diễn DOM và hiển thị của trang web sẽ được cập nhật để phản ánh giá trị mới. Bởi vì mô tả DOM của tài liệu HTML là những gì trình duyệt hiển thị, màn hình hiển thị của trang web của bạn cũng sẽ được cập nhật.

Thiết lập các thuộc tính

Để thiết lập giá trị của thuộc tính HTML, bạn có thể sử dụng phương pháp setAttribute ():

. thân hình. firstChild. innerHTML. setAttribute ("class", "myclass");

Kết quả chạy câu lệnh này là phần tử con đầu tiên của phần tử cơ thể sẽ được cấp một thuộc tính mới có tên là "class" với giá trị là "myclass".

Làm việc với Nội dung của các Nguyên tố để Mã số với các thanh công cụ JavaScript - các đầu

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ệ ...