我需要将导航栏悬停颜色更改为其他颜色。我设法自己更改导航栏文本颜色,但我找不到正确的颜色来更改检查元素的悬停颜色。
然后我在stackoverflow上查找以前的asnwers,但它们不适用于我的代码。任何投入将不胜感激!
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Bootstrap 4 Basic template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style type="text/css">
html,
body {
overflow-x: hidden;
}
.navbar-light .navbar-brand {
color: #FFFFFF;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link {
color: #FFFFFF;
}
</style>
</head>
<body>
<nav class="navbar-expand-sm navbar-expand-md navbar-expand-lg navbar …Run Code Online (Sandbox Code Playgroud)这是我课堂作业的一部分。它是一个小型的 Web 应用程序。下面的代码部分是一个选择按钮(复选框)的函数。代码工作正常。
我的问题是我在控制台上收到此错误:
未捕获的类型错误:无法 在 HTMLAnchorElement.onclick (index.html:137) 的
selectGirls (indexj.js:163)
处 设置属性“checked”为 null
我知道我收到此错误,因为我在每个页面上都没有这些元素。为了澄清这一点,我的意思是第 1 页有两个复选框,但第 2 页有 5 个复选框,就像这样。
我想对所有页面使用相同的 JS 文件。我的问题是如何最好地避免这些控制台错误?我不想让它们从控制台隐藏作为解决方案。我非常感谢您的意见。
function selectAllStudents() {
unselectAllStudents();
let boxes = $(".scores").toArray();
document.getElementById('check_Terrilyn').checked = true;
document.getElementById('check_Vinnie').checked = true;
document.getElementById('check_Boren').checked = true;
document.getElementById('check_Tempie').checked = true;
document.getElementById('check_Mapes').checked = true;
document.getElementById('check_Fletcher').checked = true;
document.getElementById('check_Bovee').checked = true;
document.getElementById('check_Figgs').checked = true;
}Run Code Online (Sandbox Code Playgroud)
I'll try my best to explain this. So I have several HTML pages with a dropdown menu, which selects checkboxes when pressed on each item.
HTML Page 1 has checkboxes for female names:
Arina
Diana
Jane
....
Run Code Online (Sandbox Code Playgroud)
HTML Page 2 has checkboxes for male names:
Jake
Andrew
William
....
Run Code Online (Sandbox Code Playgroud)
HTML Page 3 has checkboxes for pet names:
Milo
Ollie
Teddy
...
Run Code Online (Sandbox Code Playgroud)
Now I'm using a dropdown menu on these 3 HTML pages I've mentioned to select these checkboxes.
You can …
我是编码的初学者,并且我一直在尝试使用超时来延迟按钮单击功能,但似乎无法正常工作。
为了进一步说明,该按钮应该做一些事情,但是当我添加超时功能时,它所做的只是延迟它,而不处理下一行。即使使用JavaScript也可以。谁能帮我吗。提前致谢。:)
$(document).ready(function () {
setTimeout(function(){
$("#mybutton").click(myButtonClicked);
}, 1000);
getURLParameter("run") && $("#mybutton").click()
});
function getURLParameter(a) {
a = (new RegExp("[?|&]" + a + "=([^&;]+?)(&|#|;|$)")).exec(location.search);
if (null == a) return null;
a = a[1];
a = a.replace(/\+/g, "%20");
return decodeURIComponent(a)
}
function myButtonClicked() {
disableMyButton();
var a = $(".new").toArray(),
c = $(".status").toArray();
a.reverse();
c.reverse();
doNextBox(a, c)
}Run Code Online (Sandbox Code Playgroud)
我想做的是
因此,我有一个可以在其他浏览器上正常工作的代码,但不适用于iPhone和Safari浏览器。当我调试时,以下代码显示“无效的正则表达式:无需重复”。
function getURLParameter(a) {
a = (new RegExp("[?|&]" + a + "=([^&;]+?)(&|#|;|$)")).exec(location.search);
if (null == a) return null;
a = a[1];
a = a.replace(/+/g, "%20");
return decodeURIComponent(a)
}
Run Code Online (Sandbox Code Playgroud)
您能提供的任何帮助将不胜感激。
我有一些我修改过的代码,它们有HTML格式的内联脚本.
例如,在我的文档中,这样的按钮很少.
<button class="btn-primary" onclick="selectAll()">All Students</button>Run Code Online (Sandbox Code Playgroud)
如何以最佳方式避免这种内联样式?
附加信息:我正在使用查询文件.任何输入将不胜感激.