Eingabewert von Element innerhalb einer Klasse in einen onclick

Question

Wie kann ich einen Wert, der von einem Element innerhalb einer Klasse gezogen wird, in eine onclick-Funktion eingeben?

Im Folgenden ist der resultierende Code, den ich zu erhalten bin auf der Suche nach:

<span class="total-sum"><span>2 790.00</span> USD</span> 

<span onclick="calculate_cart(68803,2790.00);">GO</span> 

Beachten Sie die 2 790.00 vom ersten Elemente hat seinen Platz entfernt und in die onclick gelegt.

Dies ist einige JS Ich schrieb die `2 790,00 erfolgreich zieht und entfernt die Räume:

.querySelector(".total-sum span").textContent.replace(/\s/g, "");

Ich stecke, wie Sie den Code in das onclick selbst zu platzieren.

Answer 1

Anstatt den onclick Attributtext zu ersetzen, warum ziehen Sie nicht den Inhalt von .total-sum span direkt in calculate_cart?

function calculate_cart(some_id) { 
    var total_sum = document.querySelector(".total-sum span").textContent.replace(/\s/g, ""); 
    // the rest of `calculate_cart` 
} 

Und dann brauchen Sie nicht den zweiten Parameter:

<span onclick="calculate_cart(68803);">GO</span> 

Answer 2

Sie es so verwenden können, wenn Sie es brauchen inline:

<span onclick="calculate_cart(68803,document.querySelector('.total-sum span').textContent.replace(/\s/g, ''));">GO</span> 

Answer 3

Sie Werte als Parameter übergeben können :

function myFunction(x, y){ 
 
    console.log('x: ' + x + ' y: ' + y); 
 
}

<input type="text" class="fields" value="2300"/> 
 
<input type="text" class="fields" value="100"/> 
 
<button onclick='myFunction(document.getElementsByClassName("fields")[0].value, document.getElementsByClassName("fields")[1].value)'>do function</button>