Question

如何用JS改变HTML标签的自定义属性

我写的一段代码：

<script type="text/javascript">
function fun()
{
document.getElementById("SimpleMusicPlayer").getAttribute("data-music")="/../../.."

}
</script>
<div id="SimpleMusicPlayer"
data-music="" data-auto="TRUE"></div>
<div>
<input type="button" id="mu1" value="播放" onclick="fun()"/>
</div>
当我点击BUTTON时候PLAYER没有播放。。。
是哪里出了问题

Answer 1

document.getElementById("SimpleMusicPlayer").getAttribute("data-music")="/../../.."

与

<input type="button" id="mu1" value="播放" onclick="fun()"/>

里的ID 是两个值，肯定娶不到你要的值，所以就不显示了。

追问

那么怎么处理才能够用这个BUTTON控制呢

追答

document.getElementById("SimpleMusicPlayer").getAttribute("data-music")="/../../.."

你把 这两个里面的ID 写一样

比如

document.getElementById("mu1").getAttribute("data-music")="/../../.."

追问

不对吧。getElementById取的ID是player，用来改变player的属性。如果改成MU1，那就是改BUTTON的属性了啊。

追答

哦，确实，我看错了，等下，我测试下。