スパンタグから価格値を取得し、JavaScriptで数値を掛けた後、div内に追加しますか？
値を抽出し、文字列から整数に変換して、スパンタグから価格値を取得します。
例
以下はコードです-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet"
href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<tr>
<th>Value=</th>
<td><strong><span class="purchase amount">
<span></span>10</span></strong>
</td>
<p id="demo"></p>
</tr>
</body>
<script>
$(document).ready(function () {
var v = parseInt($(".purchase.amount")
.text()
.trim()
.replace(',', ''));
var totalValue = v * 10;
console.log(totalValue);
$("#demo").text("After multiplying the Value 10=" + totalValue);
});
</script>
</html> 上記のプログラムを実行するには、ファイル名anyName.html（index.html）を保存し、ファイルを右クリックします。 VSCodeEditorで[ライブサーバーで開く]オプションを選択します。
これにより、次の出力が生成されます-
以下はコンソールでの出力です-
これにより、次の出力が生成されます-
これにより、コンソールに次の出力が生成されます-
-
trタグからidを取得し、JavaScriptを使用して新しいtdに表示するにはどうすればよいですか？
以下が私たちのテーブルだとしましょう- <table> <tr id='StudentDetails'> <th>StudentName</th> <th>StudentCountryName</th> </tr> <tr id='FirstRow'> <td&
-
JavaScriptでCSS変数を取得および設定する
getComputedStyle（）メソッドは、ターゲット要素に適用されたすべてのスタイルを含むオブジェクトを提供します。 getPropertyValue（）メソッドは、計算されたスタイルから目的のプロパティを取得するために使用されます。 setProperty（）は、CSS変数の値を変更するために使用されます。 例 次の例は、JavaScriptを使用してCSS変数を取得および設定する方法を示しています。 <!DOCTYPE html> <html> <head> <style> :root { --outerCo