原生javascript獲取dom元素簡單介紹
使用jQuery可以各種方式獲取元素,比如id選擇器,類選擇器,元素選擇器等等,非常的方便。
下面就介紹一下如何利用原生的js實現獲取dom元素的功能。
一.通過id獲取元素:
最方便的那就是使用document.getElementById()函式。
具體可以參閱document.getElementById()一章節。
二.通過標籤獲取元素:
使用document.getElementsByTagName()函式。
具體可以參閱document.getElementsByTagName()一張章節。
三.通過name屬性獲取元素:
使用document.getElementsByTagName()函式即可實現此功能。
具體可以參閱document.getElementsByName()方法一章節。
四.通過class屬性獲元素:
使用getElementsByClassName()函式即可以實現此功能。
具體可以參閱getElementsByClassName()用法詳解一章節。
相關文章
- JavaScript複製dom元素簡單介紹JavaScript
- 原生js的常用dom元素操簡單介紹JS
- javascript DOM元素節點操作簡單介紹JavaScript
- js dom元素事件處理簡單介紹JS事件
- js獲取元素的樣式值簡單介紹JS
- js和jQuery獲取視窗和元素尺寸簡單介紹JSjQuery
- jquery實現的倒數獲取li元素簡單介紹jQuery
- javascript操作html元素屬性簡單介紹JavaScriptHTML
- jQuery iframe子視窗獲取父視窗元素簡單介紹jQuery
- jQuery dom元素層級匹配選擇器簡單介紹jQuery
- javascript獲取數字中最大的一個簡單介紹JavaScript
- javascript取模運算簡單介紹JavaScript
- <svg>元素簡單介紹SVG
- JavaScript 簡單介紹JavaScript
- JavaScript獲取HTML DOM節點元素詳解(轉)JavaScriptHTML
- dom元素操作獲取等
- javascript過濾陣列中的元素簡單介紹JavaScript陣列
- javascript實現的獲取頁面中所有錨點簡單介紹JavaScript
- jquery獲取json資料簡單介紹jQueryJSON
- js獲取地理位置資訊簡單介紹JS
- JavaScript 獲取form所有表單元素JavaScriptORM
- 簡單介紹克隆 JavaScriptJavaScript
- javascript物件簡單介紹JavaScript物件
- javascript this指向簡單介紹JavaScript
- javascript加密簡單介紹JavaScript加密
- javascript動態改變元素css樣式簡單介紹JavaScriptCSS
- javascript建立、讀取或者刪除cookie簡單介紹JavaScriptCookie
- 簡單介紹JavaScript閉包JavaScript
- JavaScript希爾排序簡單介紹JavaScript排序
- javascript constructor簡單介紹JavaScriptStruct
- javascript建立物件簡單介紹JavaScript物件
- javascript的this用法簡單介紹JavaScript
- javascript arguments用法簡單介紹JavaScript
- javascript 變數簡單介紹JavaScript變數
- javascript簡單模板引擎介紹JavaScript
- javascript作用域簡單介紹JavaScript
- js獲取瀏覽器相關資訊簡單介紹JS瀏覽器
- JavaScript元素集合介紹JavaScript