我使用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>