方法 | 描述 |
---|
querySelector | 获取某一元素 |
querySelectorAll | 获取所有元素 |
e.currentTarget | 获取当前对象的HTML标签 |
getAttribute | 获取当前元素属性 |
setAttribute | 设置当前元素属性 |
classList.add | 添加class |
classList.remove | 移除class |
var path = d.querySelectorAll('path')
for (var i = 0; i < path.length; i++) {
path[i].addEventListener('click', function (e) {
let current = e.currentTarget
let className = current.getAttribute('class')
if (className === 'chosed') {
current.classList.remove("chosed")
current.setAttribute('style', '')
} else {
current.classList.add("chosed")
current.setAttribute('style', 'stroke: #666; stroke-dasharray: 4; stroke-width: 1')
}
})
}