js获取元素的方法和属性_原生js获取某个元素的属性

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

1.通过ID获取元素：

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

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

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

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

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

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

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

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

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

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

• 获取元素的文本内容：

var text = element.textContent;
1

• 设置元素的文本内容

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

• 获取元素的HTML内容：

var html = element.innerHTML;
1

• 设置元素的HTML内容：

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

• 获取元素的样式：

var style = window.getComputedStyle(element);
1

• 添加类名到元素：

element.classList.add('newClass');
1

• 移除类名从元素：

element.classList.remove('oldClass');
1

• 获取元素的父元素：

var parentElement = element.parentElement;
1

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

var childElements = element.children;
1

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

var nextSibling = element.nextElementSibling;
1

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

var previousSibling = element.previousElementSibling;
1

• 获取元素的属性值：

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

• 设置元素的属性值：

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