css - JavaScript 怎么删除一个对象的样式中的某个属性?

 郭建将_683 发布于 2022-11-16 06:05
    var img=document.createElement("img");
    img.src="小羊.png";

    //创建一个新元素(任意元素)
    var aobj=document.createElement("a");

    with(aobj)
    {
    href="https://segmentfault.com/ask";
    target="_blank";
    style.backgroundColor='yellow';
    style.float= "left";
    style.overflow="hidden";
    appendChild(img);
    }
    one.appendChild(aobj);

我想写个子程序,把我刚才创建的对象的 aobj.style.backgroundColor='yellow' 清除,怎么做呢?
是还原默认值吗?
还有别的办法吗?

************************************************************我是华丽的分隔符****************************************

下面是总结大家的答案:
其实没法直接删除,只能改成别的值;
改的方法可以直接改!
也可以改属性的字符串,正则替换,替换,删除都行!

7 个回答
  • 你试试delete可以不,还真没试过……

    2022-11-16 06:22 回答
  • 还原默认值吧

    2022-11-16 06:22 回答
  • 把原来的颜色设置回去

    2022-11-16 06:22 回答
  • 取得整个style的值,也就是说一个有所有属性和值的字符串,用你期待的东西替换它,没有就用空字符串替换。
    例如:
    string_replace(" backgroundColor = blue", " ");

    不好意思,伪代码,看懂意思就行了。
    我是在MDN上看到这种用法的。

    2022-11-16 06:22 回答
  • dom.style.backgroundColor = '';
    dom.style.backgroundColor = 'initial';//ie不支持
    2022-11-16 06:22 回答
  • 简单无脑的做法是:

    style.backgroundColor='';

    当然说不定在你设yellow之前这个元素就有别的行内背景色,那就先保存起来呗:

    oldColor = style.backgroundColor
    style.backgroundColor='yellow';
    // 恢复
    style.backgroundColor= oldColor;

    还有不是必要不要用with……

    2022-11-16 06:22 回答
  • document.getElementById("MyID").className =
    document.getElementById("MyID").className.replace(/\bMyClass\b/,'');

    其中的MyClass换成你要移除的样式名。

    来自 http://stackoverflow.com/questions/21557...

    2022-11-16 06:22 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有