![](/img/trans.png)
[英]Search with document.querySelectorAll based on class, text content
我有一個搜索框,可幫助用戶通過此鏈接瀏覽學校的房間。 嘗試搜索基於用戶的輸入,而如果用戶輸入的任何內容與基於 class + SVG 矩形元素(房間號文本或學校 class 名稱)中的文本內容的查詢選擇器匹配,則將用戶帶到特定樓層 +突出房間。 我正在努力解決的部分在這個floors.js 文件中如 ...
[英]Search with document.querySelectorAll based on class, text content
我有一個搜索框,可幫助用戶通過此鏈接瀏覽學校的房間。 嘗試搜索基於用戶的輸入,而如果用戶輸入的任何內容與基於 class + SVG 矩形元素(房間號文本或學校 class 名稱)中的文本內容的查詢選擇器匹配,則將用戶帶到特定樓層 +突出房間。 我正在努力解決的部分在這個floors.js 文件中如 ...
[英]Multiple conditions for querySelector() - JavaScript
我不確定這是否是我需要的,但我認為這是必要的。 可能我需要在這一行中添加另一個條件 我有 simple.js 文件,數組為 object。目前每個 object 都有問題,答案。 我想通過“文本”來擴展它,在那里我會告訴一些關於結果等的細節。 邏輯與答案相同。 我可以在 DOM 中看到它,但它沒有 ...
[英]Need replace querySelector to querySelectorAll in slider
簡而言之:需要用 querySelectorAll 替換 querySelector 並保留 slider 中的功能(const sliderItems) 大家好,我有一個 slider,它似乎工作正常,但前提是我使用 querySelector。 為了進一步操作——我需要 select 所有元素 ...
[英]"document.querySelector(...) is null" even tho it exist
我創建了 64 class 的數字(1,2,3,4 ...),似乎有很多特定於案例的事情要做所以我可以像這樣正常使用它們 出於某種原因,當我嘗試在 div 中創建一個 img 時,它說它不存在。 這是與錯誤相關的代碼: HTML: 記者: PS:這是棋類游戲我嘗試閱讀有關 Mozilla、w3s ...
[英]JS: Create a CSS selector string from an HTML element
在 JavaScript 中,假設我選擇了一個 HTML 元素,例如: 有沒有一種簡單的方法來創建相應的 CSS 選擇器/QuerySelector? 或者是使用 tagName、id 和 classList 手動構造此字符串的唯一方法? ...
[英]Remove class from HTML when one of two links are clicked (both have same class)
我有一個包含兩個面板的 UI 元素。 在任何給定時間只有一個可見,因此每個面板都有自己的關閉鏈接。 這兩個鏈接應該執行相同的操作 - 關閉/隱藏元素。 最初我認為我可以通過在html上切換類並將相同的類應用於打開 UI 元素的鏈接和關閉它的兩個鏈接(如下)來做到這一點,但這沒有用。 我已經包含了一 ...
[英]How to get closest input using vanilla js
試圖改進我的 javascript。 你如何獲得最接近的輸入復選框。 我有一個小提琴,但我一直在研究如何獲取 div 的復選框組。 我的目標是獲取 bike1 div 的復選框組,然后循環取消選擇它們。 JsFiddle const checkAllButton = document.getEl ...
[英]Class inherit other css styling - ng-deep problem
我有一個問題,屬於 InfoWindow 組件的按鈕。 該按鈕不是在代碼的 HTML 部分創建的,而是在卡片組件打開時調用的。 我在應用程序的兩個地方使用此 InfoCard,在每個組件中,我使用 ::ng-deep 更改按鈕的位置,因為沒有它,更改將不會應用。 問題是每當我從一個頁面切換到另一個頁 ...
[英]How to can I manipulate the shadow root without using setTimeout?
我有一些來自第三方的 ui 元素,我想操縱它們來設置不同的樣式。 首先,我寫了一個顯式的 css 規則,它顯然沒有做任何事情。 目前我正在使用這個 hack: 這會導致 UI 中出現一些看起來很垃圾的閃爍。 有沒有更好的解決方案來做到這一點? ...
[英]Javascript indexOf a list for a targeted event in a unordered list giving the wrong index
我正在嘗試從 html 中獲取 'ul' 的 'li' 元素的索引號。 為此,我將“ul”更改為一個列表,以便讓他的孩子使用: 但是,當我定位任何一個孩子時,我得到一個 -1 作為索引而不是正確的索引。 怎么修? 這是因為列表項不是空的並且內部有 div 或其他元素嗎? 這是我的 javascrip ...
[英]How can I select all child elements with a certain class using querySelector in JavaScript regardless of the order they appear in HTML?
我正在過濾一個目錄,該目錄通過我們的 CMS 創建的組件提供,我無法控制。 我要過濾的每個目錄成員的標簽都在類為 d-none 的 div 中。 我正在使用的腳本有效,除了它只顯示我想要過濾的項目,當它們是卡內的第一個 div 時。 如果標簽不是卡片中的第一項,我想弄清楚如何過濾標簽。 例如,在下 ...
[英]can't get exclusion of elements in document.querySelectorAll to work
為了避免手動重復輸入對錨點的引用,我試圖想出一種方法,將任何給定術語的出現自動鏈接到對同名錨點的引用,比如將 'foo' 變成<a href="#foo">foo</a> , 'bar' 變成<a href="#bar">bar</a> ,等等。 但是 ...
[英]How to search with querySelector for html-elements that have no id set in the source?
這可以用 querySelector 實現嗎? 這不起作用,但只給出所有元素 更多信息:用戶可以在輸入字段中輸入他的選擇器,如果不使用額外的復選框或設置而只使用查詢選擇器就可以搜索丟失的 id,那就太好了。 ...
[英]How to add an element inside another element which was added in the same function in JavaScript?
我正在制作一個網站項目,我正在嘗試制作一個 function,它將新行( <tr> )添加到一個已經存在的空表( <table> )中,並在這些包含信息的行中創建單元格( <td> )來自a.json 文件。 第一行包含特定日期,每隔一行的第一個單元格包含人名。 ...
[英]How to select element in JavaScript with queryselector which are added later in the code using innerHtml?
在下面的示例中,我的 HTML 代碼中有一個父元素,我使用 createChild function 在父元素中嵌入了帶有 class 'child' 的 span 元素。稍后在代碼中我將更改子元素的內容。 我知道這是行不通的,因為querySelector在子元素創建之前就運行了,一個簡單的解決 ...
[英]Cannot read properties of null (reading 'querySelectorAll') at line 189
那指向這一行: 單擊退出按鈕會導致錯誤。 單擊退出按鈕應該在單擊藍色播放按鈕后刪除播放器。 要測試 jsitor 代碼,請單擊運行而不是更新。 代碼https://jsitor.com/KZMNnkSf5 https://jsfiddle.net/e631o2rq/ 這在代碼中是如何固定的? 它 ...
[英]Conditionally rendering HTML elements with querySelector based on boolean value
我正在開發一個 Chrome 擴展程序,所以我的方法與我通常 go 的方法不同。 我有以下 HTML,其中包含可能會或可能不會顯示的元素,具體取決於 javascript 文件中的 boolean 值: JS文件是這樣的: 所以這樣做的目的是,如果user是付費客戶,則<p>的內容會發 ...
[英]Javascript document.querySelector just need the value
我的網頁摘錄看起來像這樣 我嘗試使用此命令通過 chrome 控制台獲取值 00:13:19 document.querySelector(".current-timestamp"); 但是我收到了上面的完整代碼。 我需要做什么才能收到“00:13:19”? ...
[英]How to fetch querySelector for name containing numerics
我有以下 url 基於 id(header_2),我想獲取標題。 我的 id 也可能包含這樣的 id="header_mdfa3fad" 但肯定在“_”之后它是數字。我如何為它編寫 querySelector ...
[英]I need a clarification of targeting an element from the markup
我正在在線關注 class 並且導師針對<button>文檔,我不太了解他是如何做到的,因為他使用document.querySelector來定位父母,僅此而已。<div class="row"> <form id="task-form" action="in ...