使用与HTML文件中相同的样式按钮,在javascript测试的末尾添加一个按钮
我想插入一个按钮,它将在javascript测试完成后出现。我希望该按钮具有与HTML文件中使用的按钮相同的样式—样式来自CSS表。我对JS不是很有经验 结束测试JS代码:使用与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
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放在外部样式表中,并从每个文件中引用。