javascript - 覆盖自动生成的图标

标签 javascript html css

map 是自动生成的, map 标记是自动生成到 map 上的。在 HTML 代码中生成的 map 标记如下所示:

    <image id="Geometry_Point" cx="250.63056092843334" 
cy="233.0863010581852" r="1" preserveAspectRatio="none" x="235" y="196"
 width="32" height="37" xlink:href="http://icons.iconarchive.com/icons
/paomedia/small-n-flat/24/map-marker-icon.png" style="opacity: 1" 
fill="#000000" fill-opacity="1" stroke="#000000" stroke-opacity="1" 
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

其中标记图标图片带有链接,如 xlink:href="link"

是否可以用带有新标记链接的 CSS 覆盖它?

最佳答案

CSS不能改变元素的属性,使用js。 CSS 仅用于视觉效果。

document.getElementById('Geometry_Point').setAttribute('xlink:href', 'http://google.com')

只需确保没有 JS 已经获取该值并使用它缓存。

关于javascript - 覆盖自动生成的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40926379/

相关文章:

javascript - React 组件不会随着 redux 状态的变化而更新

javascript - 播放本地文件 cordova/phonegap build

javascript - 从特定样式表而不是代码的每个部分使 css 内联

css - 使用@import 时的子资源完整性

python - 如何提取之间的文本 <br> python

javascript - Bootstrap 自动在我的网页 Php 中隐藏我的图像

javascript - 云代码中的用户的 Parse.com 指针查询不适用于 Profile 类

javascript - smoothState.js - 不同页面上有不同的样式表?

php - 当标题是 php 插入时,如何在导航菜单上使用当前标签?

javascript - 粘性元素在滚动条的毛孔上表现不同