Cải thiện bài viết
Lưu bài viết
Để nhận/truy cập HTML cho phần tử DOM trong JavaScript, bước đầu tiên là xác định cơ sở phần tử trên ID, tên hoặc tên thẻ của nó. Sau đó, chúng ta có thể sử dụng bên trong.html hoặc bên ngoài.html để có được HTML.
1. Sử dụng phương thức getEuityById []: Phương thức này được/xác định các phần tử DOM bằng ID ID ID và trả về phần tử. This method gets/identifies the DOM elements using it’s ID and returns the element.
Example:
JavaScript
How to get/change the HTML with
DOM element ____10 1
3
4
5
7
9
10 3
5
789
1 2 3
5
7
9 2 1
3
5
7 8
9 0 18 3
9 5
9 7 8 9
9How to get/change the HTML 1How to get/change the HTML 2 9
How to get/change the HTML 5
How to get/change the HTML 7
How to get/change the HTML 8
How to get/change the HTML 9
Output:
- Trước khi nhấp vào nút: & nbsp; & nbsp;
- Sau khi nhấp vào nút: & nbsp; & nbsp;
2. Sử dụng phương thức getEuityByName []: Phương thức này được/xác định phần tử DOM bằng cách sử dụng nó tên lớp và trả về phần tử. This method gets/identifies the DOM element by using it’s the class name and returns the element.
Example:
JavaScript
How to get/change the HTML with
DOM element ____10 1
3
4
5
7
9
10 3
5
DOM element 7DOM element 89
1 2 3
5
7
09
9 2 1
3
5
7 8
9 0 18 3
2324DOM element 8 3
928
93031 9
934How to get/change the HTML 2 9
How to get/change the HTML 5
How to get/change the HTML 7
How to get/change the HTML 8
How to get/change the HTML 9
Output:
- Trước khi nhấp vào nút: & nbsp; & nbsp;
- Sau khi nhấp vào nút: & nbsp; & nbsp;
2. Sử dụng phương thức getEuityByName []: Phương thức này được/xác định phần tử DOM bằng cách sử dụng nó tên lớp và trả về phần tử. This method gets/identifies the DOM element using it’s tag name and returns it.
Example:
JavaScript
How to get/change the HTML with
DOM element ____10 1
3
4
5
7
9
10 3
5
1 2 3
9 2 1
7
9 2 1
3
5
7 8
9 0 18 3
Trước khi nhấp vào nút: & nbsp; & nbsp;
2399
230102 9
9How to get/change the HTML 5
How to get/change the HTML 5
How to get/change the HTML 7
How to get/change the HTML 8
How to get/change the HTML 9
Output:
- Sau khi nhấp vào nút: & nbsp; & nbsp;
- 2. Sử dụng phương thức getEuityByName []: Phương thức này được/xác định phần tử DOM bằng cách sử dụng nó tên lớp và trả về phần tử.
2 1 The above three approaches use inner.HTML property of the DOM element to get the HTML and alerts it and then changes the HTML content present in the element. The property inner.HTML is mainly used to
change the text or rather the content present whereas outer.HTML is used for changing the tag and the content of the text as it returns the HTML content along with its tag.
9 0 22
JavaScript
How to get/change the HTML with
DOM element ____10 1
3
10 3
5
29
7
1 2 3
3
5
7 8
9 0 18 3
949
93052 9
95556
How to get/change the HTML 5
How to get/change the HTML 7
How to get/change the HTML 8
How to get/change the HTML 9
Output:
- Trước khi nhấp vào nút: & nbsp; & nbsp;
- 2. Sử dụng phương thức getEuityByName []: Phương thức này được/xác định phần tử DOM bằng cách sử dụng nó tên lớp và trả về phần tử.
2 1