IT培训 / 新闻资讯 / Web开发教程 / web前端：javascript中通过ID获取元素

web前端：javascript中通过ID获取元素

作者：大灰牛博客来源： https://www.cnblogs.com/dhnblog/archive/2020/03/16/12508069.点击数：1961发布时间： 2020-03-25 09:13:40

　　每个载入浏览器的html文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。提示:Document对象是window对象的一部分，可通过window.document属性对其进行访问。

　　网页由标签将信息组织起来，而标签的id属性值是唯一的,如何通过Javascript找到要获取的元素

　　document.getElementById("id")//语法

　　通过以下代码发现运行结果为null或[objectHTMLParagraphElement]

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>通过ID获取元素</title>

　　<scripttype="text/javascript">

　　varmyceshi=document.getElementById('ceshi');//获取元素存储在变量中

　　//document.write('结果:'+myceshi);//输出变量

　　alert(myceshi);

　　document.write('结果:'+myceshi);//输出变量

　　</script>

　　</head>

　　<body>

　　<divid="ceshi">Ilovejavascript</div>

<!--<scripttype="text/javascript">

　　varmyceshi=document.getElementById('ceshi');//获取元素存储在变量中

　　//document.write('结果:'+myceshi);//输出变量

　　alert(myceshi);

　　document.write('结果:'+myceshi);//输出变量

　　</script>-->

　　</body>

　　</html>

　　获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。（objectHTMLParagraphElement对象HTML段落元素，获取到的是元素，这个元素也就是对象，获取到的对象不会显示里面的值，所以显示objectHTMLParagraphElement，想要抽取出里面的值，就用innerHTML获取）

　　很多属性和方法都是HTMLCollection对象(实际上是可以用数组或名称索引的只读数组)，其中保存了对锚、表单、链接以及其他可脚本元素的引用。

踩(0)

分享到：

上一篇：web前端：关于Javascript

下一篇：web前端：移动端分辨率+小程序的自适应单位RPX