document語句以及html()等方法

阿新 • • 發佈：2020-07-20

<body>
    <i class="i">風</i>
    <i class="i">花</i>
    <i class="i">雪</i>
    <i class="i">月</i>

    <b>下雨了</b>

    <input type="button" value="點選" id="btn" name="ipt">

    <div id="div">
        <p class="p">獲取id名</p>
        <p class="p">雲淡風輕</p>
        <p class="p">綿綿細雨</p>
    </div>

    <input type="button" value="我是val()方法" id="btn" name="ipt">


    <script src="./jquery-1.12.4.js"></script>
    <script>
        // 
 很多人分不清楚document語句什麼情況之下使用？而且經過我做的試卷有很多卷子都有這個題，所以我進行一下總結
        // 我所說的類名、id名包括標籤名都是選擇器的一種

        // 首先它具有時效性、唯一性
        // 1.document.getElementById()      //顧名思義   getElementById指的就是 id名，只能獲取帶有id的屬性名
        var doc = document.getElementById('div');
        // console.log(doc);

        // 2.document.getElementByName()    //這個獲取的所有的name屬性 

        var doc = document.getElementsByName('ipt');
        // console.log(doc);       //獲取到的是一個類陣列也就是偽陣列      NodeList(2)[input#btn, input#btn]

        // 3.document.getElementsByTagName() 方法的字串可以不區分大小寫  // 獲取所有的標籤名
        // var doc = document.getElementsByTagName('input');
        var doc = document.getElementsByTagName('input')[0]; // 
可以指定某一個下標，先前說了它的返回值就是一個類陣列。所以可設定下標
        // console.log(doc)[1];             //也可以在控制檯列印時設定下標

        // 4.document.getElementsByClassName()  //獲取到的是元素的類名  也就是class選擇器
        var doc = document.getElementsByClassName('p')[2]; //可以在這裡新增下標返回指定的某個類名
        // console.log(doc);               //返回的也是一個類陣列，不能再控制檯列印時新增下標，否則會報錯

        /*--------------------------------------------------------------------------------------------------------------------------------*/

        // 萬能選擇器  
        // 特點是多樣性  它的返回值是選擇器的第一個元素，如果沒有就返回null,是沒有name屬性的
        // 多個選擇器可以使用逗號隔開

        // 首先我們試試id選擇器
        var doc = document.querySelector('btn');
        // console.log(doc); //返回的null

        // 標籤名
        var doc = document.querySelector('div > p');
        // console.log(doc);            //返回的是div標籤裡的第一個p標籤

        // 類名
        var doc = document.querySelector('i');
        // console.log(doc); //返回的是第一個i標籤

        // 萬用字元
        var doc = document.querySelector('*');
        // console.log(doc); //返回的是整個html頁面的標籤

        /*------------------------------------------------------------------------------------------------- */

        // 萬能選擇器----方法2
        var doc = document.querySelectorAll('btn');
        // console.log(doc); //返回值是類陣列

        // 標籤名
        var doc = document.querySelectorAll('div > p');
        // console.log(doc); //返回的是類陣列 div標籤裡的所有p標籤

        // 類名
        var doc = document.querySelectorAll('i');
        // console.log(doc); //返回的是i標籤

        // 萬用字元
        var doc = document.querySelectorAll('*');
        // console.log(doc); //返回的是整個html頁面的標籤

        /*-----------------------------------------------------------------------------------*/
        // html()、val()、text()之間的區別
        // 首先html() 它的方法是設定或者返回被選擇元素的內容  文字 + html標記
        // 它返回的是匹配到的第一個元素的內容，設定內容時，則重寫所有的匹配元素的內容
        $(function() {
            $('b').html("淘寶 + < i > 下雪了 < /i>)"); // 設定內容 添加了一個html標記
        })

        // text()它的返回值也是和html()的返回值一樣，不同的是它會刪除html標記，也不能寫入html標記
        $(function() {
            $('i').text(); // 返回內容 
        })

        // val()方法返回的是表單內容,例如下拉選單 input表單 自定義的value屬性 form表單
        $(function() {
            $('btn').val();
        })
    </script>
</body>

document語句以及html()等方法

Python 迴圈語句以及常用方法案例

迴圈簡單介紹 while和if的用法基本類似，區別在於：if 條件成立，則執行一次；while 條件成立，則重複執行，直到條件不成立為止。

Java通過URL獲取公眾號文章生成HTML的方法

說明：通過公眾號URL獲取的內容，文字可以正常顯示，但是圖片存在跨域訪問的問題，微信不允許跨域訪問公眾號圖片，所以需要將公眾號圖片從存入本地後，再上傳至OSS，然後把HTML中的圖片全部替換為自己的OSS地址就可以

關於對mysql語句進行監控的方法詳解

快速閱讀為什麼要監控sql語句，以及如何監控，都有哪幾種方式可以監控。我們知道sql server 中有個工具叫sql profile ，可以實時監控sql server中執行的sql 語句，以方便除錯bug 或者確認最終生成的sql語句

Python獲取Redis所有Key以及內容的方法

一、獲取所有Key # -*- encoding: UTF-8 -*- __author__ = \"Sky\" import redis pool=redis.ConnectionPool(host=\'127.0.0.1\',port=6379,db=0)

sQlite常用語句以及sQlite developer的使用與註冊

前言 sQlite是開發中比較常用的輕量級資料庫。通常只佔據幾百k的記憶體空間，所以在ios開發中，蘋果將sQlite作為資料庫應用在蘋果開發中，當然，fmdb就另當別論了。這裡主要是為了區分sQlite語句，以及mySql語句，以

sqlserver:查詢鎖住sql以及解鎖方法

檢視被鎖表語句 --檢視被鎖表： SELECT request_session_id spid,OBJECT_NAME( resource_associated_entity_id

Python3操作MongoDB增冊改查等方法詳解

MongoDB是由C++語言編寫的非關係型資料庫，是一個基於分散式檔案儲存的開源資料庫系統，其內容儲存形式類似JSON物件，它的欄位值可以包含其他文件、陣列及文件陣列，非常靈活。

使用jupyter notebook將檔案儲存為Markdown,HTML等檔案格式

在jupyter notebook執行的頁面內，找到如下圖片下載格式，選擇相應下載格式就可下載儲存到本地檔案。

jQuery HTML css()方法與css類例項詳解

本文例項講述了jQuery HTML css()方法與css類。分享給大家供大家參考，具體如下：

快速瞭解Vue父子元件傳值以及父調子方法、子調父方法

稍微總結了一下Vue中父子間傳值以及相互調方法的問題，非常基礎、希望可以幫到你！先來個最常用的，直接上程式碼：

在vue中created、mounted等方法使用小結

created：html載入完成之前，執行。執行順序：父元件-子元件 mounted：html載入完成後執行。執行順序：子元件-父元件

JavaScript之字串以及陣列的方法

字串 JavaScript的字串用\'\'或\"\"括起來表示如果字串內部既包含\'又包含\"可以用轉義字元\\來標識，比如：

Vue父子元件傳值以及父調子方法、子調父方法

1、父傳值給子元件父元件： <template> <div> <p class=\"father\">父元件</p>

詳解PyQt5中textBrowser顯示print語句輸出的簡單方法

開發python程式處理大資料量的時候，少不了使用print語句看看輸出結果；長時間處理資料時用print輸出處理進展情況。使用PyQt5開發了UI介面後，本能地想讓已自己除錯好的py程式碼中的print輸出到UI的textBrowser中顯示

Oracle使用者建立、刪除和授權等方法總結

一、檢視使用者及許可權 1.查詢所有使用者： 1.1、檢視所有使用者基本資訊 select * from all_users;

Monkey日誌自動分析指令碼，以及亂碼解決方法，編碼格式utf-8

指令碼程式碼如下（網上抄的）,複製程式碼儲存為bat檔案，預設日誌路徑為E:monkey.log，將日誌儲存在這個檔案裡面，雙擊執行bat指令碼即可

併發程式設計之守護程序、互斥鎖以及佇列等相關內容-37

1.回顧 ···建立程序的兩種方式····第一種from multiprocessing import Processimport timedef task(n):print(\'我是子程序\')time.sleep(n)print(\'子程序結

資料庫之mysql多表查詢（連表）以及pymysql等相關內容-45

1.多表查詢 #建表create table department(id int,name varchar(20) );create table employee(id int primary key auto_increment,name varchar(20),sex enum(\'male\',\'female\') not null default \'male\',age

資料庫之mysql多表查詢（子查詢）以及pymysql等相關內容-46

1.子查詢in # 1、inselect * from emp where age=18 or age=38 or age=28;select * from emp where age in (18,38,28);# 子查詢的思路select * from emp where dep_id in(select id from dep where name=\"技術\"

document語句以及html()等方法

相關推薦