當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript中document的四种方法
生活随笔
收集整理的這篇文章主要介紹了
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的四种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 工作分解结构(Work Breakdow
- 下一篇： gradle idea java ssm