查找元素与查找元素 - JavaScript

当你在写JavaScript代码时，经常会需要去查找或者操作某个元素，这时候如果你不知道如何去查找或者操作元素，就会导致你的代码出现问题。

在本文中，我将向您介绍JavaScript中查找元素与操作元素的方法。

查找元素

getElementById()

使用getElementById()方法可以通过元素的id属性获取该元素。

const element = document.getElementById('elementId');

getElementsByClassName()

使用getElementsByClassName()方法可以通过元素的class名称获取该元素。

const elements = document.getElementsByClassName('className');

getElementsByTagName()

使用getElementsByTagName()方法可以通过元素的标签名获取该元素。

const elements = document.getElementsByTagName('tagName');

querySelector()

使用querySelector()方法可以通过CSS选择器获取一个元素。该方法返回匹配到的第一个元素。

const element = document.querySelector('cssSelector');

querySelectorAll()

使用querySelectorAll()方法可以通过CSS选择器获取所有匹配的元素。

const elements = document.querySelectorAll('cssSelector');

操作元素

innerHTML

innerHTML属性可以获取或者设置一个元素的HTML内容。

const element = document.getElementById('elementId');
element.innerHTML = 'Hello World';

textContent

textContent属性可以获取或者设置一个元素的纯文本内容。

const element = document.getElementById('elementId');
element.textContent = 'Hello World';

style

style属性可以获取或者设置一个元素的样式。

const element = document.getElementById('elementId');
element.style.color = 'red';

classList

classList属性可以获取或者设置一个元素的class名称。

const element = document.getElementById('elementId');
element.classList.add('className');

以上是JavaScript中常用的查找元素与操作元素的方法，希望对您有所帮助。