无法通过javascript函数更改css属性

这只是一个简单的javascript代码,用于更改显示或背景,或者只是为了查看是否可以使用javascript更改css属性.

这是基于一个例子.

但由于某种原因,我不能使用我自己定义的js函数来更改属性.

HTML代码

 testting javascript
Close

JS代码

function close(){
    document.getElementById("question").style.display = "none";
    document.getElementById('question').style.backgroundColor = "#f3f3f3";
}

JSfiddle

完整代码

 testting javascript
Close

Wiktor Bedna.. 8

它可能无法解决2个原因:

默认情况下,JSFiddle将所有JavaScript代码包装在匿名函数中,因此您的close()函数永远不会暴露给主作用域.

您选择了close用于关闭窗口的现有JavaScript方法的名称:window.close.

以下代码正在运行:

window.closeQuestion = function() {
  document.getElementById("question").style.display = "none";
  document.getElementById('question').style.backgroundColor = "#f3f3f3";
};

/*/ This is a way of having a full control over your JavaScript functions and events: /*/
document.getElementById('closeBtn').addEventListener('click', function() {
  closeQuestion();
});

#question {
  background : red;
}

 testting javascript


Close


Close (better)

window.closeQuestion = function() {
  document.getElementById("question").style.display = "none";
  document.getElementById('question').style.backgroundColor = "#f3f3f3";
};

/*/ This is a way of having a full control over your JavaScript functions and events: /*/
document.getElementById('closeBtn').addEventListener('click', function() {
  closeQuestion();
});

#question {
  background : red;
}

 testting javascript


Close


Close (better)