在网页开发中，javascript被广泛使用来控制元素的属性和行为。元素的属性是指元素特定的属性值，比如一个图片的宽度和高度。当需要修改这些属性值时，我们可以通过javascript动态地添加或修改元素的属性值。本文将介绍javascript元素添加属性值的相关知识，并结合实例进行说明。首先，我们需要知道如何通过javascript获取元素。在下面的例子中，我们使用了document.getElementById()方法来获取id为"example"的元素：

<div id="example"></div>

接下来，我们可以使用元素的setAttribute()方法来添加或修改属性值。例如，我们需要将上面获取到的元素的背景色改为红色：

<div id="example"></div>

上面的代码将元素的style属性的背景色设置为红色。我们也可以添加其他的属性值，如下面的例子：

<div id="example"></div>

上面的代码将元素的class属性设置为"example-class"，将title属性设置为"这是一个示例"。有时候，我们需要移除已有的属性值。在javascript中，我们可以通过removeAttribute()方法来实现。例如，下面的代码将元素的class属性移除：

<div id="example" ></div>

上面的代码将元素的class属性移除，因此元素将不再具有该类名。最后，我们需要注意的是，javascript允许我们添加自定义属性值，但是这些属性值通常只在javascript中使用，而在样式表中是无法使用的。例如，下面的代码添加了一个自定义属性值：

<div id="example" custom-attr="这是一个自定义属性值"></div>

上面的代码为元素添加了一个名为custom-attr的自定义属性，其属性值为"这是一个自定义属性值"。以上便是javascript元素添加属性值的相关知识。当需要动态地修改元素属性值时，可以利用setAttribute()方法进行实现，同时我们也可以移除已有的属性值。此外，需要注意的是自定义属性值不适用于样式表中的选择器。