Javascript功能无法执行

时间:2019-01-30 06:12:35

标签: javascript html show-hide display

此简单函数在调用时不会执行。从函数中删除时,它将运行,但不在函数中运行。什么使函数运行?

HTML

<img id = “hide” src = “mypic.jpg”>

JavaScript

Function show {
var x = document.getElementById(“hide”);
x.style.display = “none”
}

show();

3 个答案:

答案 0 :(得分:2)

您对函数的声明有误

Function show {
var x = document.getElementById(“hide”);
x.style.display = “none”
}

show();

应写为:

function show() {
  var x = document.getElementById('hide');
  x.style.display = 'none';
}

show();
<img id ="hide" src ="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" />

答案 1 :(得分:1)

您的javascript中有几个小问题,看起来应该像这样:

function show() {
  var x = document.getElementById(“hide”);
  x.style.display = “none”;
}

show();

答案 2 :(得分:0)

您的代码中缺少一些基础知识

  1. “功能”必须为“功能”

  2. 函数名称必须带有括号,即functionName(){};

您的函数声明必须像这样   函数show(){}

然后,您必须在某些事件(例如onClick()等)上调用相同的函数。

这是您可以访问的链接 JAVASCRIPT

希望这可以帮助您...干杯!