JAVAscript里面的getElementById是干什么用的?
发布网友
发布时间：2022-04-27 13:06
共2个回答
懂视网
时间：2022-05-14 17:40
getElementById的用法
使用getElementById获取元素的方式如下
document.getElementById(id)
在id中设置你希望在HTML中获取的id元素。由于在HTML中不能多次使用相同的id，因此它必须是唯一的id值。
如果HTML中有多个id，则仅返回第一个匹配的id元素。如果指定的id不存在，则返回null。
我们来看具体的示例
显示字符
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text"></p>
<script>
document.getElementById("text").innerHTML = "你好，Gxl网！";
</script>
</body>
</html>运行结果如下
显示连接文字
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text2"></p>
<script>
document.getElementById("text2").innerHTML = "a" + "b";
</script>
</body>
</html>运行结果如下
显示计算结果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text3"></p>
<script>
document.getElementById("text3").innerHTML = 3 + 5;
</script>
</body>
</html>运行结果如下
最后，由于在DOM（文档对象模型）中使用getElementById的情况很多，所以我们需要尽可能的掌握它。
热心网友
时间：2022-05-14 14:48
get-Element-By-Id，就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号。
示例 ::以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>
<DIV ID="oDiv1">Div #1</DIV>
<DIV ID="oDiv2">Div #2</DIV>
<DIV ID="oDiv3">Div #3</DIV>
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()">
getElementById 方法 返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1 getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法
这个是JS的一个方法，意思是通过控件ID取得元素的值，如一个form里包函text、label等，他们都是FORM的元素，有一个分配的ID，getElementById()是取得这些元素的text值的。
这个是JS的一个方法，意思是通过控件ID取得元素的值，如一个form里包函text、label等，他们都是FORM的元素，有一个分配的ID，getElementById()是取得这些元素的text值的。
