使用与HTML文件中相同的样式按钮,在javascript测试的末尾添加一个按钮

使用与HTML文件中相同的样式按钮,在javascript测试的末尾添加一个按钮,javascript,jquery,html,button,Javascript,Jquery,Html,Button,我想插入一个按钮,它将在javascript测试完成后出现。我希望该按钮具有与HTML文件中使用的按钮相同的样式—样式来自CSS表。我对JS不是很有经验 结束测试JS代码: function endQuiz() { $('#explanation').empty(); $('#question-image').remove(); $('#choice-block').empty(); $('#pager').empty(); $('#submitbutto

我想插入一个按钮,它将在javascript测试完成后出现。我希望该按钮具有与HTML文件中使用的按钮相同的样式—样式来自CSS表。我对JS不是很有经验

结束测试JS代码:

function endQuiz() {
    $('#explanation').empty();
    $('#question-image').remove();
    $('#choice-block').empty();
    $('#pager').empty();
    $('#submitbutton').remove();
    $('#question').text("You got " + score + " out of " + quiz.length + " correct. Make sure you have a grip!");
    $(document.createElement('h2')).css({
        'text-align': 'center',
        'font-size': '4em'
    }).text(Math.round(score / quiz.length * 100) + 
'%').insertAfter('#question');
//button would go here

}
按钮是否可以在js文件中包含a href类


我试过了,但失败了!提前感谢。

您可以使用适当的样式将按钮添加到html中,然后将其可见性设置为隐藏。在JavaScript代码中,您可以更改属性以显示按钮

此链接可能会有所帮助:

您可以使用适当的样式将按钮添加到html中,然后将其可见性设置为隐藏。在JavaScript代码中,您可以更改属性以显示按钮

此链接可能会有所帮助:

只需在html中使用与其他按钮相同的样式/类别编写最后一个按钮,为其提供一个id,以便通过jQuery进行引用

然后在window.onload()中或在加载页面时调用元素上的jQuery.hide()函数。 $(“#您的按钮id”).hide()

测验结束后,用以下内容进行展示: $(“#您的按钮id”).show()


这里是关于在jQuery中隐藏/显示的文档:

只需在html中使用与其他按钮相同的样式/类别编写最后一个按钮,为它提供一个id,以便通过jQuery进行引用

然后在window.onload()中或在加载页面时调用元素上的jQuery.hide()函数。 $(“#您的按钮id”).hide()

测验结束后,用以下内容进行展示: $(“#您的按钮id”).show()


这里是关于jQuery中隐藏/显示的文档:

要使按钮与html中的按钮具有相同的样式,只需使用相同的CSS类别即可。例如,如果您有此css类:

.my-button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
然后,在创建元素时,必须在js中设置按钮的class属性,如下所示:

 var div = document.createElement('div');
 div.setAttribute('class', 'my-button');

要使按钮与html中的按钮具有相同的样式,只需使用相同的CSS类别。例如,如果您有此css类:

.my-button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
然后,在创建元素时,必须在js中设置按钮的class属性,如下所示:

 var div = document.createElement('div');
 div.setAttribute('class', 'my-button');
什么是“a href类”?如果你想有一致的样式,只需将你的CSS放在一个外部样式表中,并从每个文件中引用。什么是“a href类”?如果您想拥有一致的样式,只需将CSS放在外部样式表中,并从每个文件中引用。