Hướng dẫn how to remove the class nav from the following element in javascript - cách xóa class nav khỏi phần tử sau trong javascript

element. Let’s try it out and verify the output with the browser’s developer tools.

Chúng tôi có một Div với các lớp học Google Google Yahoo Bing Linuxhint, và ID là LH-Tuts. Chúng tôi đã thêm thuộc tính kiểu để làm cho nó hiển thị. Chúng tôi chạy tệp HTML để nhận đầu ra sau:

Bây giờ chúng tôi có một trang HTML cơ bản, hãy để tạo một nút sẽ xóa một lớp khỏi phần tử.

div.classList.remove("google","yahoo","bing");classList.remove("google", "yahoo", "bing");

Chúng tôi làm điều đó bằng cách sử dụng các dòng mã sau:

& nbsp; & nbsp; & nbsp; chức năng removeClass () {script>

& nbsp; & nbsp;function removeClass() {

& nbsp; & nbsp; & nbsp; & nbsp; Đây là một div với nhiều lớp= document.getElementById("LH-Tuts");

Chúng tôi có một Div với các lớp học Google Google Yahoo Bing Linuxhint, và ID là LH-Tuts. Chúng tôi đã thêm thuộc tính kiểu để làm cho nó hiển thị. Chúng tôi chạy tệp HTML để nhận đầu ra sau:classList.remove("google", "yahoo", "bing");

Bây giờ chúng tôi có một trang HTML cơ bản, hãy để tạo một nút sẽ xóa một lớp khỏi phần tử.}

& nbsp; & nbsp; & nbsp; chức năng removeClass () {script>

& nbsp; & nbsp;

& nbsp; & nbsp; & nbsp; & nbsp; Đây là một div với nhiều lớp

Chúng tôi có một Div với các lớp học Google Google Yahoo Bing Linuxhint, và ID là LH-Tuts. Chúng tôi đã thêm thuộc tính kiểu để làm cho nó hiển thị. Chúng tôi chạy tệp HTML để nhận đầu ra sau:

Bây giờ chúng tôi có một trang HTML cơ bản, hãy để tạo một nút sẽ xóa một lớp khỏi phần tử.document.getElementByID() to create a reference to the element, we can even use the document.getElementByClassName(), but for that we will have to change our script. As we cannot refer to an element using its class name and then delete a class name while maintaining a reference to the element. That is because the className is a “LIVE NODELIST”.

Chúng tôi làm điều đó bằng cách sử dụng các dòng mã sau:document.getElementsByClassName() our function becomes:

 

Xóa lớp removeClass() {

Trang web của chúng tôi sẽ trông như thế này:= document.getElementsByClassName("google yahoo bing LinuxHint");

Tạo mã JavaScript để xóa lớp khỏi phần tử(div.length) {

Bây giờ chúng ta phải viết một chức năng, RemoveClass () trong tập lệnh. Vì vậy, hãy để Lôi tạo một thẻ và viết một chức năng sẽ xóa lớp Google Google khỏi danh sách các lớp với các dòng sau:[0].classList.remove("yahoo", "bing");

& nbsp; & nbsp; & nbsp; chức năng removeClass () {}

Bây giờ chúng tôi có một trang HTML cơ bản, hãy để tạo một nút sẽ xóa một lớp khỏi phần tử.}

Chúng tôi làm điều đó bằng cách sử dụng các dòng mã sau:

Xóa lớp

Trang web của chúng tôi sẽ trông như thế này:

Tạo mã JavaScript để xóa lớp khỏi phần tử

Bây giờ chúng ta phải viết một chức năng, RemoveClass () trong tập lệnh. Vì vậy, hãy để Lôi tạo một thẻ và viết một chức năng sẽ xóa lớp Google Google khỏi danh sách các lớp với các dòng sau:.classList.remove(). It can even be used to remove multiple classes from the class list of an element. To showcase this, we created a basic HTML with a div element on it. Afterward, we coded a script to remove the class from that element. We examined the output using the browser’s developer tools and we even tried out an alternative way of doing the same task.