原生js獲取所有兄弟節點
function siblings(elm){ var a = []; //儲存所有兄弟節點 var p = elm.parentNode.children; //獲取父級的所有子節點 for(var i = 0; i < p.length; i++){ //迴圈 if(p[i].nodeType == 1 && p[i] != elm){ //如果該節點是元素節點與不是這個節點本身 a.push(p[i]); // 新增到兄弟節點裡 } } return a; } var sibling = siblings(div); for(var j = 0; j < sibling.length; j++){ sibling[i].style.width = "200px" //這樣就可以對所有的兄弟節點執行你需要的操作了 }
相關推薦
原生js獲取所有兄弟節點
function siblings(elm){ var a = []; //儲存所有兄弟節點 var p = elm.parentNode.children; //獲取父級的所有子節點 for(var i = 0; i < p.length
【HTML】- js獲取元素的所有兄弟節點
1.js獲取兄弟節點的方法: function siblings(context) { var siblings = []; /*獲得父節點*/ var parent = context.parentNode; /*獲得父節點的所有孩子節點*/ v
原生JS相容所有瀏覽器獲取瀏覽器高度和寬度,響應式佈局 js 獲取瀏覽器高度和寬度值(相容多瀏覽器)
var width = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
原生JS獲取DOM 節點到瀏覽器頂部的距離或者左側的距離
關於js獲取dom 節點到瀏覽器頂/左部的距離,Jquery裡面有封裝好的offset().top/offset().left,只到父級的頂/左部距離position().top/position().left; 原生寫的話就是用獲取節點,do while迴圈就可以了。程式碼如下 <!DOCT
checkbox獲取所有選中節點、js時間格式化
工作隨筆//獲取選中的所有name屬性=sid 的checkbox節點$('input:checkbox[name="sid"]:checked').each(function(){var startT
原生JS獲取含有自定義屬性的元素節點
jQuery有data()方法可以獲取到自定義的元素節點,而原生JS獲取則要用到querySelector以及querySelectorAll這兩個方法。 用程式碼寫一下。 <!DOCT
Mysql 通過父節點ID獲取所有子節點數據函數
mysql return mysq char cas begin cast tid 函數 BEGIN DECLARE sTemp text; DECLARE sTempChd text; SET sTemp = ‘$‘; SET sTempChd =ca
原生js獲取元素樣式值
應該 eight current document 疑惑 行內樣式 lin script 輸出 在學習js初期,就一直有一個疑問,獲取元素樣式的值,不是直接使用obj.style.left之類的就可以得到了嗎?可是使用這樣的方式,有的時候能夠獲取得到,有的時候又不能獲取,
原生js獲取外聯樣式
getc 獲取樣式 put 元素 UNC get 屬性。 ted 元素節點 1、getComputedStyle(ele,null).fontSize //ele所需獲取樣式的元素節點 第二個參數填null就好。後面屬性是你需要的樣式屬性。ie不支持。 2、ie:oBox.
原生js獲取到頁面上所有的checkbox
har NPU doctype ble script 原生js ati -c wid <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> &l
jquery及原生js獲取select下拉框選中的值示例
有一id=test的下拉框,怎麼拿到選中的那個值呢?本文將採用javascript原生的方法及jquery方法(前提是已經載入了jquery庫)來簡單實現下 現在有一id=test的下拉框,怎麼拿到選中的那個值呢? 分別使用javascript原生的方法和jquery方法,程式碼
原生JS獲取HTML DOM元素的8種方法
JS獲取DOM元素的方法(8種) 通過ID獲取(getElementById) 通過name屬性(getElementsByName) 通過標籤名(getElementsByTagName) 通過類名(getElementsByClassName)
原生js獲取元素的子元素
//使用firstChild //但是下面這種因為有空格,也算其子元素 <lable> <span id="onlinePerson" name="person" onclick="changeImg(this)" > <img id="im
原生js獲取 url 鍵值對
GetUrlParam(paraName) { var url = window.location.toString(); var arrObj = url.split("?"); if
zTree獲取所有選中節點id和名稱
最近專案中用到了zTree,需要獲取所有選中的節點的ID和名稱 不多說 直接上demo 引入對應的js和css樣式就可以了 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.o
react使用原生js獲取點選的ul下的第幾個li 並設定className為active
import React from 'react' import './index.less'; import { Link } from "react-router-dom"; class Index extends React.Component { state
原生 JS 獲取元素的尺寸和位置
關於元素的尺寸和位置,這原本是 CSS 乾的事,但更多的時候需要用 JavaScript 來獲取這些引數,比如一個很好的例子 js 實現的圖片瀑布流。 在介紹 JS 中的例子之前,先來說明一下 css 中的元素尺寸。 CSS 中的 width 和 height
原生JS 獲取非行間樣式寫法 及 style currentStyle getComputedStyle 的區別
1,style:相容各大瀏覽器,獲取不了外部樣式,寫了行內沒有的樣式,返回的是空值 obj.style.attr(獲取樣式) obj.style.attr=“值” 設定屬性值 2,currentStyle:該屬性只相容IE,不相容火狐和谷歌 obj.curre
原生js獲取select標籤選中值
this.selectedIndex; // 選中的索引 this.options[_index].text; // 選中的文字 this.options[_index].value; // 選中的值
封裝原生js 獲取位址列請求引數
// 獲取位址列請求引數 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var result = win