web前端:javascript中通过ID获取元素
lzzyok小宝贝
2024-04-23 23:50
每个载入浏览器的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对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341