setAttribute 设置元素的可见属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>设置元素的属性</title>
</head>
<body>
<div id="div1">
</div>
<script type="text/javascript">
div1.setAttribute('zcl',18);//给div元素设置一个元素zcl,赋值为18
div1.setAttribute('id','div2');//将id修改为div2
</script>
</body>
</html>
getAttribute 获取元素的属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>设置元素的属性</title>
</head>
<body>
<div id="div1">
</div>
<script type="text/javascript">
div1.setAttribute('zcl',18);
div1.getAttribute('zcl');//获取zcl的值
console.log(div1.getAttribute('zcl'));
</script>
</body>
</html>