getElementsByName、getElementById的简单用法
直接上代码吧,感觉好久没用csdn都快忘记自己还有这玩意了。
下面展示一些 内联代码片
。
getElementByName:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
function checkAll() {
var hobbies = document.getElementsByName("hobby");
for (var i = 0; i < hobbies.length; i++) {
hobbies[i].checked = true;
}
}
function checkNone() {
var hobbies = document.getElementsByName("hobby");
for (var i = 0; i < hobbies.length; i++) {
hobbies[i].checked = false;
}
}
function reverse() {
var hobbies = document.getElementsByName("hobby");
for (var i = 0; i < hobbies.length; i++) {
hobbies[i].checked = !hobbies[i].checked;
}
}
</script>
</head>
<body>
<input type="checkbox" name="hobby" value="cpp">C++
<input type="checkbox" name="hobby" value="java">java
<input type="checkbox" name="hobby" value="js">javaScript
<button onclick="checkAll();">全选</button>
<button onclick="checkNone();">全不选</button>
<button onclick="reverse();">反选</button>
</body>
getElementById:
<head>
<script type="text/javascript">
function onclickFun() {
//获取标签对象
var useobj = document.getElementById("username");
var usespanobj = document.getElementById("usespan");
var usetext = useobj.value;
//验证是否合法需要用正则表达式
var patt = /^\w{5,12}$/;
if (patt.test(usetext)) {
// alert("用户名合法");
usespanobj.innerHTML = "用户名合法";
} else {
// alert("用户名不合法");
usespanobj.innerHTML = "用户名不合法";
}
}
</script>
</head>
<body>
用户名:<input type="text" id="username" />
<span id="usespan" style="color: red;"></span>
<button onclick="onclickFun();">校验</button>
</body>