javascript – 带有getElementByClassName的innerHTML不起作用

这个工作:

<td onm ouseover="document.getElementById('textbox').innerHTML='Hidden text'" onm ouseout="document.getElementById('textbox').innerHTML='Show text'">
    <div id="textbox">Show text</div>
</td>

但是这个没有:

<td onm ouseover="document.getElementByClassName('textbox').innerHTML='Hidden text'" onm ouseout="document.getElementByClassName('textbox').innerHTML='Show text'">
    <div class="textbox">Show text</div>
</td>

我怎样才能解决这个问题?我需要一个课程不止一次地使用它.

解决方法:

没有getElementByClassName函数,但是getElementsByClassName函数,因为给定类可以有多个元素.

你可以替换

 document.getElementByClassName('textbox')

 document.getElementsByClassName('textbox')[0]

在编辑问题后编辑:

此功能在IE8上不可用.如果要在此浏览器上使用它,则必须添加垫片,例如this question中描述的垫片.

上一篇:php – 如何缩短此悬停代码?我如何创建一个css文件,实现多个按钮的设置?


下一篇:(前端)html与css css 20、超级链接a的修饰