js获取元素的方法和属性

在JavaScript中，获取元素的方法和属性有很多种。以下是一些常用的方法和属性：

1. 通过ID获取元素：

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

2. 通过类名获取元素（返回一个类数组对象）：

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

3. 通过标签名获取元素（返回一个类数组对象）：

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

4. 通过选择器获取元素（返回第一个匹配的元素）：

var element = document.querySelector('selector');

5. 通过选择器获取所有匹配的元素（返回一个类数组对象）：

var elements = document.querySelectorAll('selector');

获取元素后，可以访问其属性和方法，例如：

• 获取元素的文本内容：

var text = element.textContent;

• 设置元素的文本内容

element.textContent = '新的文本内容';

• 获取元素的HTML内容：

var html = element.innerHTML;

• 设置元素的HTML内容：

element.innerHTML = '<p>新的HTML内容</p>';

• 获取元素的样式：

var style = window.getComputedStyle(element);

• 添加类名到元素：

element.classList.add('newClass');

• 移除类名从元素：

element.classList.remove('oldClass');

• 获取元素的父元素：

var parentElement = element.parentElement;

• 获取元素的子元素列表（返回一个类数组对象）：

var childElements = element.children;

• 获取元素的下一个兄弟元素：

var nextSibling = element.nextElementSibling;

• 获取元素的上一个兄弟元素：

var previousSibling = element.previousElementSibling;

• 获取元素的属性值：

var attributeValue = element.getAttribute('attributeName');

• 设置元素的属性值：

element.setAttribute('attributeName', 'attributeValue');

这些只是 JavaScript 中获取元素的一些基本方法和属性，实际应用中还有更多的操作和技巧。