当前位置:清晨 » 站长笔记 » javascript笔记 » javascript的Document 对象方法

javascript的Document 对象方法

发布日期:2019年7月31日 08:07:00 点击量: 121

宝塔服务器面板,一键全能部署及管理,送你¥3188礼包,点我领取,简单好用的 Linux/Windows 面板

 

getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。

getElementsByClassName()通过类名查找 HTML 元素

querySelectorAll()通过 CSS 选择器查找 HTML 元素

getElementsByClassName()不适用于 Internet Explorer 8 及其更早版本。

querySelectorAll() 不适用于 Internet Explorer 8 及其更早版本。

例子

<div id="main">

<p id="intro" class="intro">Hello World!</p>

</div>

 

var x = document.getElementById("intro");

 

var x = document.getElementsByTagName("p");

 

var x = document.getElementById("main");
var y = x.getElementsByTagName("p");

 

var x = document.getElementsByClassName("intro");

 

var x = document.querySelectorAll("p.intro");

 

请注意,只有getElementById()中Element是单数,获取的是一个对象.其余的都是获取对象集合


关键词:

本文网址:https://www.menglei.info/2943/,转载请以链接形式注明出处,谢谢合作!

javascript

老薛主机专属优惠码: PT ,有需要购买的同学可以使用.可享受30%的优惠.

联系站长: shadoweb@qq.com QQ: 925474725

发表评论

电子邮件地址不会被公开。 必填项已用*标注