javascript中怎么删除元素中的指定属性

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

javascript中怎么删除元素中的指定属性

在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中怎么删除元素中的指定属性的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:h1标签是什么意思
下一篇:html的转义字符

发表评论

关闭广告
关闭广告