下面就是"javascript操作元素的常见方法小结"的完整攻略：

JavaScript操作元素的常见方法小结

在JavaScript中，我们经常需要通过某个元素的id/class名字获取到该元素，然后进行一些操作，比如修改其文本内容、改变其样式等等。那么，JavaScript中有哪些常见的操作元素的方法呢？

1. 通过id获取元素

在HTML中，每个元素都可以通过唯一的id来标识自己。在JavaScript中，我们可以通过document.getElementById方法来获取某个id对应的元素，如下所示：

const element = document.getElementById('my-element');

这样，我们就获取到了一个表示HTML中id为"my-element"的元素的JavaScript对象element。

2. 通过class获取元素

在HTML中，一个元素可能有多个class。在JavaScript中，我们可以通过document.getElementsByClassName方法来获取某个class对应的所有元素的集合，如下所示：

const elements = document.getElementsByClassName('my-class');

这样，我们就获取到了一个表示HTML中class为"my-class"的所有元素的集合的JavaScript对象elements。

3. 通过标签名获取元素

在HTML中，每个元素都有一个标签名，如<div>、<p>等等。在JavaScript中，我们可以通过document.getElementsByTagName方法来获取某个标签名对应的所有元素的集合，如下所示：

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

这样，我们就获取到了一个表示HTML中所有<p>标签的元素的集合的JavaScript对象elements。

4. 获取元素的文本内容

在JavaScript中，我们可以通过元素的textContent属性来获取到其文本内容，如下所示：

const element = document.getElementById('my-element');
const text = element.textContent;

这样，我们就获取到了表示id为"my-element"的元素的JavaScript对象element的文本内容，并将其赋值给了变量text。

5. 改变元素的文本内容

在JavaScript中，我们可以通过元素的textContent属性来改变其文本内容，如下所示：

const element = document.getElementById('my-element'); // 获取元素
element.textContent = '新的文本内容'; // 修改元素的文本内容

这样，我们就将id为"my-element"的元素的文本内容修改为了"新的文本内容"。

6. 获取/设置元素的样式

在JavaScript中，我们可以通过元素的style属性来获取/设置其样式，如下所示：

const element = document.getElementById('my-element'); // 获取元素

// 获取元素的样式
const backgroundColor = element.style.backgroundColor;

// 设置元素的样式
element.style.backgroundColor = 'red';

这样，我们就获取/设置了id为"my-element"的元素的背景颜色样式。

总之，以上介绍了JavaScript操作元素的一些常见方法和操作。与此同时，在实际的JavaScript开发过程中，还有很多其他的操作元素的方法和技巧需要掌握，需要不断地学习和实践。