使用滚动使am图像变大，单击javascript时显示文本_Javascript_Html_Hover

使用滚动使am图像变大，单击javascript时显示文本

javascript html

使用滚动使am图像变大，单击javascript时显示文本,javascript,html,hover,Javascript,Html,Hover,我试图通过翻滚使图像变大，然后单击“显示文本”，然后再次单击图像以使文本消失。我无法使文本部分正常工作。我只能通过翻滚使图像变大。这是我的HTML和JS代码 HTML: 正确的html文档结构是： <!doctype html> <html> <head> <title>Hello World</title> <script src="yourscript.js"></script> </h

我试图通过翻滚使图像变大，然后单击“显示文本”，然后再次单击图像以使文本消失。我无法使文本部分正常工作。我只能通过翻滚使图像变大。这是我的HTML和JS代码

HTML:

正确的html文档结构是：

<!doctype html>
<html>
<head>
    <title>Hello World</title>
    <script src="yourscript.js"></script>
</head>
<body>
    <!-- Put your content here -->
</body>
</html>


你好，世界

并对handleClickPar（）函数使用onclick=“”。

您在

onclick

上缺少了使

handleClickPar（）执行任何操作的功能
在该函数中，检查hippo
是否为空-如果为空，则设置文本。如果没有，请清除它

函数bigImg（x）{
x、 style.height=“410px”；
}
函数normalImg（x）{
x、 style.height=“200px”；
}
函数handleClickPar（）{
var el=document.getElementById（“河马”）；
if（el.innerHTML.trim（））//如果它不是空的或空白的
el.innerHTML=“”；
其他的
el.innerHTML=“河马的图片。”；
}

您没有任何单击事件来触发handleClickPar（）
您还可以隐藏/显示或通过检查当前状态删除文本并插入文本。这里有一个简单的if条件，看看你的HTML结构。head
元素不应包含body
元素。您需要声明默认的doctype，并在head
元素中添加必需的title
元素。另外，应该编写
。@JeffNoel大多数浏览器总是接受（HTML5现在明确允许）不带引号的属性值。
function bigImg(x) {
    x.style.height = "410px";  
}

function normalImg(x) {
    x.style.height = "200px";
}
function handleClickPar() {
     document.getElementById("hippos").innerHTML = "Picture of a Hippo." ;
}

<!doctype html>
<html>
<head>
    <title>Hello World</title>
    <script src="yourscript.js"></script>
</head>
<body>
    <!-- Put your content here -->
</body>
</html>