我使用div标签创建了一个按钮。它实际上不是一个按钮,但看起来像一个按钮。在这里,当鼠标悬停在它上面时,我想将h3标签的内容更改为'>'这个符号。如何做到呢?
我用javascript编写代码来更改h3的内容,但它没有显示任何效果?我不知道为什么?
function change-content() {
document.getElementById('button-name').innerHTML = ">";
}
body {
background-color: #6badf6;
}
#button-layout {
background-color: #3b81cf;
width: 100px;
height: 40px;
border-radius: 10px;
margin-left: 50%;
margin-top: 25%;
}
#button-name {
font-family: verdana;
font-size: 14px;
color: white;
padding-left: 22px;
padding-top: 11px;
}
#button-name:hover {
cursor: pointer;
}
<html>
<body>
<div id="button-layout">
<h3 id="button-name" onmouseover="change-content()">Submit</h3>
</div>
</body>
</html>