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');