<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } </style> </head> <body> <a href="http://www.baidu.com" id="box" class="box" target="_black" tz="xp">去百度</a> <script> /* js操作元素的标签属性： 规范的标签属性： . 符号直接操作（可读可写） 不规范（自定义）的标签属性： 获取：.getAttribute() 设置：.setAttribute() 移除：.removeAttribute() 注意： 所有的 路径、颜色 获取的结果不一定是你写的内容 通过id获取的元素赋值给变量后，假设修改了id，这个变量还是表示这个元素 自定义标签属性的操作方式，同样可以操作符合规范的标签属性 */ var oA = document.getElementById("box"); // alert(oA.target);//可读 // oA.target = "_self";//可写 // alert(oA.className);//class属性 要用className // oA.className = ""; // alert(oA.getAttribute("tz")); // oA.setAttribute("tz","xxp"); // oA.setAttribute("py","web"); // oA.removeAttribute("class"); // alert(oA.href) oA.id = "wrap"; oA.target = "_self"; </script> </body> </html>