文档通过 id js 获取元素 - Javascript

在 Javascript 中，我们可以通过使用 document 对象来获取 HTML 文档中的元素。其中，使用元素的 id 属性可以快速地获取到我们需要的元素。下面介绍如何通过 id 获取元素。

获取元素

通过 id 获取元素的方法是使用 document.getElementById() 函数。函数的参数为元素的 id 属性值。可以将这个 id 值作为一个字符串传递给函数。

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

上述代码中，我们将获取到的元素对象存储在 element 变量中。

修改元素

获取到元素后，可以进行一系列的操作，如修改元素内容、样式等等。下面是一些常用的修改操作。

修改元素内容

通过修改元素的 innerHTML 属性可以改变元素的内容。该属性接受一个字符串作为值。

element.innerHTML = 'new content';

修改元素样式

可以通过修改元素的 style 属性来改变元素的样式。该属性是一个对象，包含所有 CSS 样式的键值对。例如：

element.style.color = 'red';
element.style.fontSize = '24px';

修改元素属性

还可以通过修改元素的属性来实现一些特定的操作。例如，可以通过 setAttribute() 函数来修改元素的属性。

element.setAttribute('attr', 'new value');

总结

使用 document.getElementById() 函数可以快速地获取 HTML 文档中的元素，并进行各种操作。通过修改元素的内容、样式和属性等等，我们可以实现各种功能。