javascript獲取當前元素的上一級元素
本章節介紹一下如何利用原生的javascript獲取當前元素的上一級元素。
程式碼非常簡單,如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #box{ width:200px; height:50px; background:#CCC; } #inner{ width:50px; height:50px; background:red; margin:0px auto; } </style> <script type="text/javascript"> window.onload=function(){ var oInner=document.getElementById("inner"); var obox=oInner.parentNode; obox.style.border="5px solid blue"; } </script> </head> <body> <div id="box"> <div id="inner"></div> </div> </body> </html>
上面的程式碼可以設定外部div元素的邊框,程式碼非常的簡單,使用parentNode屬性即可獲取父元素節點。
parentNode可以參閱js parentNode一章節。
相關文章
- jQuery獲取當前元素的上一級元素程式碼例項jQuery
- jQuery獲取當前元素的下一個元素jQuery
- JavaScript獲取當前li元素的索引位置JavaScript索引
- jQuery獲取當前li元素的下一個元素jQuery
- jQuery獲取當前元素的下一級子元素程式碼例項jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- 原生js實現的獲取當前元素的上一個元素節點JS
- jquery實現的獲取當前元素的上一個元素程式碼例項jQuery
- JavaScript獲取上一個元素JavaScript
- JQuery獲取當前元素本身jQuery
- jQuery獲取當前元素的上一個或者下一個元素程式碼例項jQuery
- javascript獲取當前li元素在集合中的位置JavaScript
- JavaScript獲取當前li元素是第幾個JavaScript
- 獲取當前元素下一個元素程式碼例項
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- jQuery如何獲取當前元素的索引jQuery索引
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- JavaScript獲取當前點選元素的id屬性值JavaScript
- 獲取當前元素在兄弟元素節點中的索引索引
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- JavaScript 獲取指定標籤一級子元素JavaScript
- jq獲取上級、同級、下級元素
- JavaScript獲取指定元素的同輩元素JavaScript
- jQuery獲取上一個元素jQuery
- 小程式獲取當前元素在螢幕中的位置
- JavaScript獲取父元素下子元素節點JavaScript
- getElementByTagName()獲取一級子元素
- javascript中獲取元素尺寸JavaScript
- jquery獲取緊鄰的上一個元素jQuery
- JavaScript 獲取當前月份JavaScript
- JavaScript 獲取當前域名JavaScript
- javascript獲取當前urlJavaScript
- JavaScript獲取li元素的下標JavaScript
- js如何元素當前元素所有的父元素JS
- javascript獲取指定元素父元素程式碼例項JavaScript
- JavaScript獲取元素透明度JavaScript