Mam przycisk komponentu HTML

<button>Add to cart</button>

Teraz chcę uzyskać tekst w przycisku, dodaj do koszyka ..

Jak mogę uzyskać tę wartość w skrypcie. Po kliknięciu tego przycisku zdarzeje zdarzenie do systemu Windows Kliknij zdarzenie Słuchanie. Wewnątrz chcę uzyskać tę wartość.

To jest mój scenariusz

<script type="text/javascript">
    window.addEventListener('click',function(e) {
        e = e || window.event;
        var target = e.target || e.srcElement;
        console.log('window noticed you clicked something1');
        console.log("value of the element clicked== "+target.text());
        console.log(target);//<-- this is the element that was clicked
    }, false);
</script>
0
giri dharan 28 czerwiec 2017, 12:55

4 odpowiedzi

Najlepsza odpowiedź

Najpierw musisz napisać html poza <script>. Po drugie, musisz kliknąć przycisk, więc przypisz przycisk A id, a następnie Bind Kliknij na nim wydarzenie. HTML będzie

<button id='addToCart'>Add to cart</button>

A javiscript będzie

document.getElementById('addToCart').addEventListener('click',function(e)
        {
            e = e || window.event;
            var target = e.target || e.srcElement;
            console.log('window noticed you clicked something1');
            console.log("value of the element clicked== "+target.innerText);
            console.log(target);//<-- this is the element that was clicked
        }, false);

Oto praca JSFiddle

Możesz także użyć innerHTML jak

console.log("value of the element clicked== "+target.innerHTML);
0
Ankit Agarwal 28 czerwiec 2017, 10:09

Spróbuj odczyt wartości przycisku.

    console.log(target.value);//<-- this is the element that was clicked
0
Ramin Ahmadi 28 czerwiec 2017, 11:43

Spróbuj tego :-

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<button class="myButton">Add to cart</button>


<script>

var buttonValue = document.getElementsByClassName("myButton")[0].innerHTML;
console.log(buttonValue);


window.addEventListener('click',function(e) {
        e = e || window.event;
        var target = e.target || e.srcElement;
        console.log('window noticed you clicked something1');
        console.log("value of the element clicked== "+target.innerHTML);
        console.log(target);//<-- this is the element that was clicked
}, false);	

</script>

</body>
</html>
0
MiHawk 28 czerwiec 2017, 11:16

Jeśli masz tylko jeden przycisk, możesz spróbować getElementsByTagName, jeśli masz wiele przycisków, możesz zdefiniować identyfikator i użyć document.getElementById

console.log(document.getElementsByTagName("button")[0].innerHTML);

console.log(document.getElementById("myButton").innerHTML);
<button>Add to Cart</button>
<button id="myButton">Add to Cart2</button>
0
Srinivas ML 28 czerwiec 2017, 09:58