在javascript中,可以使用removeattribute()方法来删除元素的指定属性,语法“removeattribute(name)”,参数name表示需要删除的元素属性名。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
在 javascript 中,使用元素的 removeattribute() 方法可以删除指定的属性。用法如下:
removeattribute(name)
参数 name 表示元素的属性名。
示例1
下面示例演示了如何动态设置表格的边框。
<script> window.onload = function () { //绑定页面加载完毕时的事件处理函数 var table = document.getelementbytagname("table")[0]; //获取表格外框的引用 var del = document.getelementbyid("del"); var reset = document.getelementbyid("reset"); del.onclick = function () { table.removeattribute("border"); } reset.onclick = function () { table.setattribute("border", "2"); }</script><table width="100%" border="2"> <tr> <td>数据表格</td> <tr></table><button id="del">删除</button><button id="reset">恢复</button>
在上面示例中设计了两个按钮,并分别绑定了不同的事件处理函数。单击“删除”按钮即可调用表格的 removeattribute() 方法清除表格边框,单击“恢复”按钮即可调用表格的 setattribute() 方法重新设置表哥便可的粗细。
示例2
下面示例演示了如何自定义删除类函数,并调用该函数删除指定类名。
<script> function hasclass (element, classname) { //类名检测函数 var reg = new regexp ('(\\s|^)' + classname + '(\\s|$)'); return reg.test (element, classname); //使用正则检测是否有相同的样式 } function deleteclass (element, classname) { if (hasclass (element, classname)) { element.classname.replace (reg, ' '); //捕获要删除样式,然后替换为空白字符串 } }</script><div id="red" class="red blue bold">盒子</div><script> var red = document.getelementbyid ("red"); deleteclass (red, 'blue');</script>
上面代码使用正则表达式检测 classname 属性值字符串中是否包含指定的类名,如果存在,则使用空字符串替换掉匹配到的子字符串,从而实现删除类名的目的。
【推荐学习:javascript高级教程】
以上就是javascript中怎么删除元素中的指定属性的详细内容。