子節點修改父節點樣式(原生js和jquery)

阿新 • • 發佈：2019-01-13

<div id="parent">
    父標籤
    <div id="children">
        子標籤
    </div>
</div>

一、原生js
只要獲取子節點物件，然後對其父節點的樣式修改即可。

 document.getElementById('children').parentNode.style.overflowX="auto"

二、jQuery
第一種

  $('#children').parent().css('color','red')

第二種
給父元素直接新增類

$('#children' 
).parent().addClass('class1')
class1{color:red}

<div id="parent"> 父標籤 <div id="children"> 子標籤 </div> </div> 一、原生js 只要獲取子節點物件，然後對其父節點的

syn con 加載 developer 兩種方法 ray exe 編寫分組 1、同源策略同源策略（Same origin policy），它是由Netscape提出的一個著名的安全策略。同源策略是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽

ont child ace attr move 節點沒有設置復制創建元素節點 1.原生： document.createElement("div") 2.jquery: $("<div></div>") 創建文本節點並加入元素節點中

原生js gid sync .com fail exit day var har 需掌握的技能點：　　jsonp、跨域相關等。　　以下兩種代碼，均可直接運行。 1、使用原生JS： <!DOCTYPE html> <html lang

根據以下的Demo，大概就可以看的明白 Demo: <html> <head> <script src='jquery-1.9.1.min.js'></sc

現在的JS框架將ajax請求封裝得非常簡單,例如下面: [javascript] view plain copy $.ajax({ type: "POST", url: "some.php", d

一、原生js的事件的繫結 1、通過JavaScript物件屬性進行繫結 document.getElementById("test1").onclick=function(){alert("你好！")}; document.getElementsByTagName ("te

js的實現 1.window.location.href方式 <script language="javascript" type="text/javascript">

【一】、JS獲取子節點的方式 1，通過獲取dom方式直接獲取子節點 1） document.getElementById("ID"); 2） document.getElementsByTagName("tagName")

oracle 遞歸 ORACLE 數據庫遞歸查詢當前數據的所有孩子數據（不包含自己）SELECT id AS id, parent_id AS parentId, parent_id AS parent, name AS text FROM mdm_center STAR

SELECT DISTINCT b.parent_id pid, a.dept_id deptId FROM &nb

HTML5中的draggable draggable 屬性規定元素是否可拖動（連結和影象預設是可拖動的。） /// true:規定元素是可拖動的,false:規定元素是不可拖動的,auto:使用瀏覽器的預設特性。 <element draggable="true|false|a

問題示意圖：問題描述：所有節點都儲存在list裡，只有pid能表明他們之間的關係，現根據pid把他們進行整理，生成類似樹的結構。所用語言：JavaScript let tempNodeList=[ { "id":'c',

特別宣告：文章轉自點選開啟連結一、js獲取子節點的方式1.通過獲取dom方式直接獲取子節點其中test的父標籤id的值，div為標籤的名字。getElementsByTagName是一個方法。返回的是一個數組。在訪問的時候要按陣列的形式訪問。11.var a = docume

HTML的結構如下： <section class="AutoTest"> <a title="xpath" href="#"></a> <

一、適用情況：適用樹狀結構資料，例如包含id，parent_id欄位的資料表，表中資料可以通過某些欄位找到其中的父子關係。二、語法： select * from 表名 start

1、準備演示資料建立表結構：-- Create table createtable Z_ORG( cid NUMBER, cname VARCHAR2(32), parent_id NUMBER, create_time DATE

1、獲取和設定屬性 Jquery： $("#testid").attr("value"); //獲取屬性為value的值 $("#testid").attr("value"，"1"); //設定屬性為value的值 $("#testid").removeAttr("val

//子函式要想修改父函式的值，必須要①傳指標【例程式碼1】 ②解引用【例程式碼2】//但傳指標解引用也不一定能成功修改，因為可能有野指標【例程式碼3】 /*//【程式碼1】 :輸出結果為 10，20//【因為沒有傳指標，則Swap_err1

1.先在components下建立一個新的vue檔案，新增一些基本的配置。 2.在父元件中引用這個新建立的vue並註冊 import SelectItem from "./SelectItem" export default{ components:{SelectItem}