add('newClass')

addClass('newClass')

addClassList('newClass')

classList.add('newClass')

remove('className')

removeClass('className')

removeClassList('className')

classList.remove('className')

document.createElement('newElement')

addElement('newElement')

createNewElement('newElement')

create('newElement')

addEventListener('click', myFunction)

listen('click', myFunction)

onClick = myFunction

onClickListener('click', myFunction)

document.querySelector('#myDiv').textContent = 'New Content';

document.getElementById('myDiv').innerHTML = 'New Content';

document.getElementById('myDiv').text = 'New Content';

document.getElement('myDiv').innerText = 'New Content';

Một phần tử đầu tiên phù hợp với điều kiện tìm kiếm

Một mảng các phần tử phù hợp với điều kiện tìm kiếm

Một danh sách các phần tử phù hợp với điều kiện tìm kiếm

Một object chứa tất cả các phần tử phù hợp với điều kiện tìm kiếm

document.querySelector('img').setSrc('newImage.jpg')

document.querySelector('img').setAttribute('src', 'newImage.jpg')

document.querySelector('img').src = 'newImage.jpg'

document.querySelector('img').updateSrc('newImage.jpg')

input.value

input.text

input.val()

input.textContent

parentNode.insertElement(childNode)

parentElement.appendChild(childElement)

parentElement.insertAdjacentElement('beforeend', childElement)

hildNode.addTo(parentNode)

element.hasClassName('myClass')

element.containsClass('myClass')

element.hasClass('myClass')

element.classList.contains('myClass')

element.children

element.childNodes

element.childElements

element.subElements

Lấy hoặc thay đổi giá trị thuộc tính của một phần tử

Lấy hoặc thay đổi nội dung HTML của một phần tử

Lấy hoặc thay đổi kích thước của một phần tử

Lấy hoặc thay đổi vị trí của một phần tử

element.styles.setProperty()

element.setCSSStyle()

element.style

element.setStyle()

Thêm một phần tử con vào phần tử cha

Xóa bỏ một phần tử con khỏi phần tử cha

Xóa bỏ phần tử khỏi DOM

Thay đổi thuộc tính của phần tử

element.style.height = '100px'

element.resize

element.modifySize(100)

element.resizeElement(100, 100)

element.insertBefore(newElement, referenceElement)

element.addBefore(newElement)

newElement.insertBefore(element, referenceElement)

element.addPredecessor(newElement)

element.setAttribute('customAttr', 'value')

element.addCustomAttribute('value')

element.customAttr = 'value'

element.setCustomAttr('value')

isElementPresent(element)

elementExists(element)

document.contains(element)

element.isExisting()

textContent trả về nội dung văn bản kể cả cho những phần tử bị ẩn, trong khi innerText không

Chúng đều trả về nội dung văn bản của một phần tử

Chúng không có sự khác biệt

innerText trả về nội dung văn bản kể cả cho những phần tử bị ẩn, trong khi textContent không

e.key()

e.code()

e.keyboard()

e.keydown

Xóa bỏ một phần tử khỏi DOM

Xóa bỏ một thuộc tính của một phần tử

Xóa bỏ một Attribute của một phần tử

Xóa bỏ một class của một phần tử

Thay đổi kiểu dữ liệu của một phần tử

Thay đổi nội dung văn bản của một phần tử

Thay đổi kích thước của một phần tử

Thay đổi kiểu CSS của một phần tử

element.id === 'myId'

element.hasId('myId')

element.getAttribute('id') === 'myId'

element.containsId('myId')

NodeLists không có thứ tự cụ thể trong khi Arrays có thứ tự cụ thể.

NodeLists chứa các phần tử HTML trong khi Arrays chứa các node DOM.

NodeLists là một collection-like object chứa danh sách các node DOM, trong khi Arrays là một cấu trúc dữ liệu có thứ tự, có thể chứa các giá trị của mọi kiểu dữ liệu và có nhiều phương thức xử lý dữ liệu.

NodeLists không hỗ trợ các phương thức của Array như map(), forEach(), ...

Một cấu trúc dữ liệu mạnh mẽ để lưu trữ và sắp xếp dữ liệu.

Dữ liệu có kiểu dữ liệu đặc biệt để lưu trữ thông tin.

Một kiểu dữ liệu được sử dụng để lưu trữ dữ liệu số học.

Một kiểu dữ liệu biểu diễn một tập hợp các thuộc tính và giá trị liên quan.

object.propertyName !== undefined.

object.hasProperty('propertyName').

object.hasExits('propertyName').

object.hasOwnProperty('propertyName').

object.removeProperty('propertyName').

delete object.propertyName.

object.remove('propertyName')

object.delete('propertyName').

Trả về tất cả các giá trị trong một đối tượng.

Trả về tên của các phương thức trong một đối tượng.

Trả về một mảng chứa tên các thuộc tính (keys) của một đối tượng.

Trả về một đối tượng mới không chứa các keys.

object.copy().

Object.clone(object).

Object.assign({}, object).

object.cloneObject().

Function type.

Reference type.

Primitive type.

Array type.

Class.isInstance(object)

object.isInstanceOf(Class).

instanceof operator.

object.instanceOf(Class).