您現在的位置是:電腦技術吧?>? 組裝維修 ??>??查找數組元素的位置,數組查找某個元素??>??正文詳情

查找數組元素的位置,數組查找某個元素

亓寄琴2019-12-19 10:42:54 人圍觀
簡介在順序表中查找元素本文主要介紹了在JavaScript中添加、查找和刪除元素的方法,該方法簡單實用。如果需要的話你可以參考一下。代碼很簡單,這里沒有太多的廢話。?12345678selenium定位

這篇文章主要匯總介紹了JavaScript實現添加、查找、刪除元素的方法,十分的簡單實用,有需要的小伙伴可以參考下。

  代碼很簡單,這里就不多廢話了。

  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 !DOCTYPE html html head meta charset=utf-8 title測試文件/title style .reply { width: 500px; height: 100%; overflow: hidden; background-color:#CCC; margin-top: 10px; } .infoArea { width: 380px; height: 100%; overflow: hidden; } .words { width: 380px; height: auto; margin: 5px 0px; float: left; font-size: 14px; } .time { margin-left: 10px; margin-bottom: 3px; width: 150px; height: 20px; line-height: 20px; float: left; font-family: 楷體; font-size: 14px; color: #999; } .replyButton { width: 60px; height: 20px; float: left; margin-bottom: 10px; } .replyButton input { font-size: 12px; } #cancelButton { visibility: hidden; } /style /head body div class=reply div class=infoArea div class=wordsa href=中央情報局/a:中央情報局/div div class=time2014年5月4日21:56/div div class=replyButton input type=button id=submitButton value=回復 onClick=showReplyArea(this) / /div div class=replyButton input type=button id=cancelButton value=取消 onClick=hideReplyArea(this) / /div /div /div script //顯示文本框的函數 function showReplyArea(src) { inputText = document.createElement(DIV); inputText.className = inputText; inputText.style.width = '100%'; inputText.style.height = '75px'; inputText.style.margin = '3px 0'; inputText.style.cssFloat = 'left'; var grandfather = src.parentNode.parentNode.parentNode; grandfather.appendChild(inputText); form1 = document.createElement(FORM); form1.action = ; form1.method = post; inputText.appendChild(form1); inputTextArea = document.createElement(TEXTAREA); inputTextArea.style.width = '380px'; inputTextArea.style.height = '40px'; inputTextArea.style.marginLeft = '60px'; inputTextArea.style.marginTop = '3px'; inputTextArea.style.cssFloat = 'left'; inputTextArea.style.resize = 'none'; textSubmit = document.createElement(INPUT); textSubmit.type = 'submit'; textSubmit.value = '提交'; textSubmit.style.marginLeft = '80px'; textSubmit.style.cssFloat = 'left'; form1.appendChild(inputTextArea); form1.appendChild(textSubmit); cancelButton = grandfather.getElementsByTagName(INPUT).item(1); cancelButton.style.visibility = 'visible'; submitButton = src; submitButton.disabled = true; } //隱藏文本框的函數 function hideReplyArea(src) { var grandfather = src.parentNode.parentNode.parentNode; var inputText = grandfather.getElementsByClassName('inputText').item(0); grandfather.removeChild(inputText); cancelButton = src; cancelButton.style.visibility = 'hidden'; submitButton = grandfather.getElementsByTagName(INPUT).item(0); submitButton.disabled = false; } //下面為調試時測試用函數,做完后就沒用了,但也是很經典的一段代碼,就留在這里了。

function showNode() { var i = 4; submitButton = document.getElementById('submitButton'); i = submitButton.parentNode.parentNode.getElementsByTagName(INPUT).item(1).value; alert(i); } /script /body /html   示例二:  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 window.onload = function(){ var gaga = document.getElementById( gaga ); addClass( gaga,gaga1 ) addClass( gaga,gaxx ); removeClass( gaga,gaga1 ) removeClass( gaga,gaga ) function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( (s|^) cName (s|$)) ); // ( s|^ ) 判斷前面是否有空格 (s | $ )判斷后面是否有空格 兩個感嘆號為轉換為布爾值 以方便做判斷 }; function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className = cName; }; }; function removeClass( elements,cName ){ if( hasClass( elements,cName ) ){ elements.className = elements.className.replace( new RegExp( (s|^) cName (s|$) ), ); // replace方法是替換 }; }; };   以上所述就是本文的全部內容了,希望大家能夠喜歡。

版權聲明:本文由 亓寄琴 整理編輯。

原標題:定位頁面元素,在數組中查找元素

轉載注明出處:http://www.dn9ww09s.icu/assemble/15550.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 安卓彈出消息框,如何設置手機qq不彈出

    安卓彈出消息框,如何設置手機qq不彈出 相關圖片怎么讓qq不彈出消息框我想這個問題經常被問到。實際上,這不是一個難題。我自己整理了索引,方便新手參考。在ASP彈出消息對話框中,確認對話框引用。彈出消息框的最簡單方法是在...

  • 什么是開源項目,如何加入開源項目

    什么是開源項目,如何加入開源項目 相關圖片go 開源項目一。在許多IOS開源項目中,afnetworking是最受開發人員歡迎的庫項目。Afnetworking是一個輕量級的IOS和Mac OSX網絡通信類庫。現在它php開源項目...

  • eth0基本配置,電腦基本配置有哪些

    eth0基本配置,電腦基本配置有哪些 相關圖片主機基本配置一。為結構應用程序配置web.xml文件步驟1:配置ActionServletServletServletnameAction/ServletnameServl汽車基本配置...

  • 蓋格計數器,蓋革計數器原理

    蓋格計數器,蓋革計數器原理 相關圖片手持計數器下面介紹如何用數據庫實現簡單計數器。另存為計數。ASP<%set conn=服務器。創建對象(ADODB。連接)conn.open driver={Micros程序計數器...

  • php比較大小,php三個數比較大小

    php比較大小,php三個數比較大小 相關圖片php數組值比較大小本文給出了一個例子來說明PHP如何計算整個目錄的大小。與您分享以供參考。具體實現方法如下:?1234567891012131415161718192021222php字體大小...

  • java多線程編程注意事項,多線程注意事項

    java多線程編程注意事項,多線程注意事項 相關圖片java多線程編程培訓機構本文主要介紹了C 中MFC多線程編程注意事項的相關信息。您可以參考多線程編程中最簡單的方法,即使用afxbeginthread創建工作線程。看看這個函數的描述c多線程編...

  • 編輯啟動選項,電腦高級啟動選項

    編輯啟動選項,電腦高級啟動選項 相關圖片win10進入高級啟動模式大多數服務器管理員知道MySQL數據庫管理系統(RDBMS)是一個高度靈活的軟件塊,具有廣泛的啟動選項,可以用來修改相關的行為。然而,大多數人并不知道標準的...

  • android添加菜單,菜單選擇切換android

    android添加菜單,菜單選擇切換android 相關圖片androidmenu菜單樣式本文介紹了Android的三個菜單。與您分享以供參考。具體分析如下:Android的菜單分為三種類型:選項菜單、上下文菜單和子菜單。一。選項菜單應用程序安卓上滑菜單...

  • 有特點的自我介紹,自我介紹特點

    有特點的自我介紹,自我介紹特點 相關圖片自我介紹優點不能在宏條件列中使用SQL表達式。一般來說,直接運行宏只是一個測試。在確保宏設計正確后,可以將宏附加到窗體、報表或控件以響應事件,或創建自定義菜單命令以運...

  • 機票查詢,數據庫查詢方法有哪些

    機票查詢,數據庫查詢方法有哪些 相關圖片如何提高數據庫查詢速度一。where子句中的連接順序:Oracle使用自下而上的順序來解析where子句。根據這一原理,表之間的連接必須在其他條件之前寫入,并且能夠過濾出最大記錄數的數...

熱評文章

  • 打開Windows命令行,windows10命令行

    打開Windows命令行,windows10命令行 相關圖片windows常用命令行命令要從命令行啟動mysqld服務器,應啟動控制臺窗口(或DOS窗口),并輸入命令:C:C:program filesmysqlmysqlsqlsqlserver5windows命令行工具...

  • 和包怎么用,android獲取包名

    和包怎么用,android獲取包名 相關圖片和包券怎么激活Oracle獲取包所依賴的所有對象,包括其子對象。它使用一個臨時表來記錄被遍歷的節點,并使用層數來記錄被遍歷的包。總的來說,它可以改變很多。Declare—獲取和包券...

  • 檢索項目是什么意思,多媒體檢索 項目

    檢索項目是什么意思,多媒體檢索 項目 相關圖片大規模檢索為了提高在微軟Access項目中使用表單或數據表中的數據時的性能,可以設置從SQLServer數據庫下載的最大記錄數。一。在導航模式下打開數據表或窗體。2。請執檢索啥意思...

  • detain和retain,retain和sustain

    detain和retain,retain和sustain 相關圖片certain原子和非原子用于確定編譯器生成的getter和setter是否是原子操作。當atomic設置成員變量的@property屬性時,它默認為atomic,提供多線程retain用法...

  • 兩種方式三個一些,議論方式兩種方式

    兩種方式三個一些,議論方式兩種方式 相關圖片表用兩種方式是怎么表示%dimdd,connstr dd=data.mdbconnstr=provider=microsoft.jet.oledb.4.0;datasource=se分包分為什么兩種方式...

  • 什么是數據模型,數據模型反映的是

    什么是數據模型,數據模型反映的是 相關圖片數據庫三種數據模型在本節中,您將向電影模型添加驗證邏輯。并確保在用戶創建或編輯電影時強制執行這些驗證規則。拒絕重復dryasp.net MVC的核心設計原則之一是:不要重復自己。什么...

  • js獲取php的變量,php獲取變量類型

    js獲取php的變量,php獲取變量類型 相關圖片php設置變量本文通過一個實例說明PHP如何獲取系統變量。與您分享以供參考。具體如下:這里我們通過一些PHP內置函數獲取各種系統變量。?123456789$v=get_def獲取網站內容到php變量...

  • notification哪個好用,notification13

    notification哪個好用,notification13 相關圖片prenotification委托、通知和KVO的功能是相似的。在實際編程中如何選擇這些方法?在開發IOS應用程序時,我們經常遇到一個常見的問題:如何在控制器之間進行通信而不發生過度耦合。I...

  • 怎么讓復選框選中,設置復選框為選中狀態

    怎么讓復選框選中,設置復選框為選中狀態 相關圖片復選框選中事件本文的示例描述了jQuery切換所有復選框的方法。與您分享以供參考。具體如下:該代碼非常簡單實用。切換是否通過鏈接選中所有復選框?123456var tog=f復選框默認被選中...

  • 文檔分頁怎么設置,word顯示分頁效果

    文檔分頁怎么設置,word顯示分頁效果 相關圖片如何取消分頁預覽我認為最近幾天學習jsp非常好。我寫了一個尋呼類與您共享。同時,我想征求專家的意見。第1部分:db.mysqlconn數據庫鏈接類/**************電子表格分頁設置...

關注微信

变脸官网查询