javascript添加属性

JavaScript中可以通过给元素对象添加属性来实现对网页元素的控制和操作。添加属性可以通过两种方式：直接给元素对象添加属性，或者使用setAttribute()方法。

直接给元素对象添加属性的方式是通过"."操作符来实现的。我们可以通过元素对象的名称，加上"."操作符，再加上属性名称，来给元素对象添加属性。例如，我们有一个id为"myDiv"的div元素，我们可以使用以下代码给它添加一个自定义属性"customAttr"：

var myDiv = document.getElementById("myDiv");
myDiv.customAttr = "Hello, World!";

在上面的代码中，我们首先使用document.getElementById()方法获取到id为"myDiv"的元素对象，然后使用"."操作符给它添加了一个名为"customAttr"的属性，并将属性值设置为"Hello, World!"。

另一种方式是使用setAttribute()方法来添加属性。setAttribute()方法接受两个参数，第一个参数是属性的名称，第二个参数是属性的值。我们可以使用以下代码给元素对象添加一个自定义属性"customAttr"：

var myDiv = document.getElementById("myDiv");
myDiv.setAttribute("customAttr", "Hello, World!");

在上面的代码中，我们同样使用document.getElementById()方法获取到id为"myDiv"的元素对象，然后使用setAttribute()方法给它添加了一个名为"customAttr"的属性，并将属性值设置为"Hello, World!"。

需要注意的是，使用setAttribute()方法添加的属性是以字符串的形式存储的，而直接给元素对象添加属性则可以存储任意类型的值。

除了添加属性，我们还可以通过获取元素对象的属性来进行操作。例如，我们可以使用以下代码获取元素对象的属性值：

var myDiv = document.getElementById("myDiv");
var attrValue = myDiv.customAttr;

在上面的代码中，我们通过"."操作符获取到元素对象的customAttr属性的值，并将其赋值给变量attrValue。

需要注意的是，直接给元素对象添加的属性是元素对象的自定义属性，而不是HTML标准属性。自定义属性可以用于存储额外的数据或状态，但不会影响元素的默认行为和样式。如果需要操作HTML标准属性，可以使用元素对象的相应属性或方法进行操作。

JavaScript中可以通过给元素对象添加属性来实现对网页元素的控制和操作。可以直接使用"."操作符给元素对象添加属性，也可以使用setAttribute()方法来添加属性。直接添加的属性是元素对象的自定义属性，而setAttribute()方法添加的属性是以字符串形式存储的。添加属性后，可以通过获取元素对象的属性值来进行操作。