問題タブ [queryselector]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - JS コードが正しく実行されていませんが、コンソールでは動作します
画像のsrcを変更しようとしています。コンソールで変更できますが、JavaScript ファイルで動作させることはできません。私が実行したコードは、私のファイルのコードと同じです。
問題が発生しているコードの抜粋を次に示します。
また、HTML には次のようなものがあります。
varparentClassは私に class を与えていますがlinha1a coluna1a、これは正しいです。しかし、ドットでそれが必要なのでvar classDots = "." + parentClass.split(" ").join(".");、文字列を に変える行を実行しています.linha1a.coluna1a。また、console.log
基本的に de class 内の唯一の画像を取得しようとしています.linha1a.coluna1a。コメント行は何もしていないため、問題はここから始まりますが、実行するdocument.querySelector(".linha1a.coluna1a > img").setAttribute("src", "imagens/reservaCadeiras/cadeira1.png")とコンソールで動作します。
編集：
申し訳ありませんが、何かを説明していませんでした。画像があり、クリックすると別の画像に変わります。これは正しく機能しています。投稿したコードは、画像をもう一度クリックして 2 番目の画像を最初の画像に置き換えたときに実行されていました。基本的に、最初のクリックで src がimagens/reservaCadeiras/cadeiraSelecionada1.png変更され、2 回目のクリックで に変更されimagens/reservaCadeiras/cadeira1.pngます。
html - クエリセレクターで使用する h1 の正しいクラス名はどれですか?
これは私のhtmlであり、どのclassNameがクエリセレクターで選択するh1の正しいクラス名かわかりません:
これは本当ですか？
またはこれは本当ですか？
javascript - JavaScript で、NodeList の一部である Input 要素からテキストを取得するにはどうすればよいですか?
「selectedRowFields」と呼ばれる入力 (テキスト ボックス) 要素の NodeList があります。selectedRowFields.item(index) を使用して、必要な特定の要素をインデックスで選択できます。selectedRowFields から入力要素の 1 つを選択し、textContent プロパティを使用してその入力要素のテキストを取得しようとすると、空白が返されます。
これが私のコード例です：
これが私が得ている警告ウィンドウです（Chromeで、ローカルで実行しています）：
NodeList が空でないことを確認しました。これは、querySelectAll() 呼び出しに基づいて予想されるサイズです。しかし、入力要素のテキストを取得しようとしたすべてのプロパティは、null または空白です。(たとえば、試してみると nodeValue は null です。)