JavaScript中document的四种方法

1、document的getElementById()方法

<body><a id="first">a标签链接</a><script>//document指当前文件，get即得到，Element即元素，ById即通过id；即通过id值获取当前文件中的元素var element = document.getElementById("first");console.log(element);</script>
</body>

2、document的getElementByClassName()方法

<body><a class="first">a标签链接</a><script>//ByClassName即通过Class值；即通过class值获取当前文件中的元素,因为可能不止一个，所以得到的为一个数组var element = document.getElementsByClassName("first")[0];//此处只获取第一个console.log(element);</script>
</body>

结果：

3、document的getElementByClassName()方法

<body><a>a标签链接</a><a>a标签链接2</a><script>//ByTagName即通过标签类型；即通过标签类型获取当前文件中的元素，因为可能不止一个，所以得到的为一个数组var element = document.getElementsByTagName("a")[1];//此处只获取第二个console.log(element);</script>
</body>

结果：

4、document的getElementByName()方法

<body><form><input type="radio" name="gender" id="1"><label for="1">男</label><input type="radio" name="gender" id="2"><label for="2">女</label></form><script>//ByName即通过name值；即通过name值获取当前文件中的元素，因为可能不止一个，所以得到的为一个数组var element = document.getElementsByName("gender");console.log(element[0]);console.log(element[1]);</script>
</body>

结果：

JavaScript中document的四种方法相关推荐

(转)javascript异步编程的四种方法
本文转自:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html 作者:阮一峰本文仅仅作为个人mark ...
让一个图片在div中居中（四种方法）
第一种方法: <div class="title"><div class="flag"></div><div clas ...
javascript中数组的22种方法
前面的话数组总共有22种方法,本文将其分为对象继承方法.数组转换方法.栈和队列方法.数组排序方法.数组拼接方法.创建子数组方法.数组删改方法.数组位置方法.数组归并方法和数组迭代方法共10类来进行详细 ...
JavaScript异步编程的四种方法(转)
作者: 阮一峰日期: 2012年12月21日你可能知道,Javascript语言的执行环境是"单线程"(single thread). 所谓"单线程",就是 ...
去除WordPress网站链接中“category”的四种方法
作为wordpress的重度用户,对于wordpress网站的每一个细节我都很在意. 相信很多站长和我一样! 网站搭建起来,我发现url中一直有一个"category",我表示很不 ...
JavaScript生成uuid的四种方法
在开发过程中,有时候需要js生成全局唯一标识符,在java中可以使用uuid,但是JS中没有现成的函数.总结了一下,JS生成唯一标识符的几种方法. 第一种 function guid() {retur ...
在MySql中，这四种方法可以避免重复插入数据！
前言 MySql 在存在主键冲突或唯一键冲突的情况下,根据插入方式,一般有以下四种插入方式避免错误. insert ignore. replace into insert on duplicate k ...
实践 | 在MySql中，这四种方法可以避免重复插入数据！
前言 MySql 在存在主键冲突或唯一键冲突的情况下,根据插入方式,一般有以下四种插入方式避免错误. insert ignore. replace into insert on duplicate k ...
【Python教程】删除字符串中字符的四种方法
一.删除字符串两端的一种或多种字符 #strip().lstrip().rstrip()方法:(默认删除空格符) A.list.strip(字符):删除字符串两端的一种或多种字符: 例:删除字符串s两 ...
JAVA如何在线程中加锁（四种方法）
JAVA多线程锁线程的生命周期总共六种状态,可归结为五种,线程的最终是死亡,阻塞不是最终状态,只是一个临时状态.只有调用了start方法,线程才进入就绪阶段. //新生 NEW, //运行 ...

JavaScript中document的四种方法

JavaScript中document的四种方法相关推荐

最新文章

热门文章