11通过id获取元素

qq_23666533

于 2017-07-29 19:29:20 发布

阅读量245

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_23666533/article/details/76350767

js 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了如何使用JavaScript的document.getElementById方法来定位并操作带有唯一ID的HTML元素。此方法允许开发者通过元素的ID来直接访问它，从而实现对其内容或样式的修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write("结果:"+mychar); //输出获取的P标签。
</script>
</body>
</html>

--------------------------------------------------------------------------------------------------------

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

document.getElementById(“id”)

获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。