使用Javascript根据当前选择更改样式

Question

这是我的Javascript代码，我正在运行时，头部元素的变化:

function updateStyle() {
var head = document.getElementById("Heads").src;
pos = head.indexOf("/Heads/");
namePart = head.substring((pos + 7), (pos + 7 + 6))
namePart = namePart.replace('.', '');
switch (namePart) {
case "Head2":
document.getElementById("EarsX").style.top = "35em"
document.getElementById("EarsX").style.transform = "25deg"
document.getElementById("EarsY").style.top = "35em"
document.getElementById("EarsY").style.left = "82em"
document.getElementById("EarsY").style.transform = "-25deg"
console.log("updated Ears")
}
location.reload();
}

我得到了"更新的耳朵";但是EarsY仍然是这样的:

#EarsY {
position: absolute;
top: 45em;
left: 85em;`enter code here`
}

这是来自Chrome开发工具。

我尝试在此之前添加一个类，但它也不起作用。

Answer 1

尽量不要在末尾添加.srcvar head = document.getElementById("Heads").src;