2019-01-17 向html中插入style元素

//创建style元素

    var hoverAttributionStyle = document.createElement("style");

    //指定style元素的类型

    hoverAttributionStyle.type = "text/css";

    //指定style元素的内容

    hoverAttributionStyle.innerHTML =

      ".esri-truncated-attribution:hover {" + "white-space: normal;" + "}";

    //得到head并放到末尾

    document.getElementsByTagName("head")[0].appendChild(hoverAttributionStyle);

    // 为指定dom元素添加类样式

    DomUtil.addClass(

      map.attributionControl._container,

      "esri-truncated-attribution:hover"

    );


attributionStyle.innerHTML =

      ".esri-truncated-attribution {" +

      "vertical-align: -3px;" +

      "white-space: nowrap;" + // 不换行

      "overflow: hidden;" +

      "text-overflow: ellipsis;" + // 溢出时显示省略符号来代表被修剪的文本

      "display: inline-block;" +

      "transition: 0s white-space;" +

      "transition-delay: 1s;" +

      "max-width: " +

      calcAttributionWidth(map) +

      ";" +

      "}";

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容