Javascript 从html中的按钮获取值

我有一个html组件按钮，如

<button>Add to cart</button>

添加到购物车

现在我想获取按钮中的文本，即添加到购物车

如何在脚本中获取此值。单击此按钮将向windows传递事件，单击事件侦听器。在里面，我想得到这个值

这是我的剧本

<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>

window.addEventListener（'click'，函数（e）{
e=e | | window.event；
var target=e.target | | e.src元素；
log（'window注意到您单击了一些东西1'）；
log（“单击的元素的值=”+target.text（））；
console.log（target）；//如果只有一个按钮，则可以尝试
getElementsByTagName
，如果有多个按钮，则可以定义id并使用
document.getElementById


console.log（document.getElementsByTagName（“按钮”）[0].innerHTML）；
console.log（document.getElementById（“myButton”）.innerHTML）；
添加到购物车
添加到Cart2
首先，您需要在
之外编写HTML。其次，您需要单击按钮，以便为按钮分配一个
id
，然后在其上绑定单击事件。HTML将

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

试试这个：-



添加到购物车
var buttonValue=document.getElementsByClassName（“myButton”）[0].innerHTML；
控制台日志（按钮值）；
window.addEventListener（'click'，函数（e）{
e=e | | window.event；
var target=e.target | | e.src元素；
log（'window注意到您单击了一些东西1'）；
log（“单击的元素的值=”+target.innerHTML）；
console.log（目标）；//尝试读取按钮的值

    console.log(target.value);//<-- this is the element that was clicked

console.log（target.value）；//查看已发布的答案。你会从中得到很多想法。值应该在单击按钮时显示。而不是在页面加载时显示。我只是演示了如何访问值，我们可以在单击侦听器或函数中调用它，但这不是你给出答案的实际方式。如果人们开始像你那样给出答案，那么会有很多可能性。这是给控制台日志，即使我们点击按钮外，它也会给，因为在窗口中有一个绑定的点击。停止争论我的答案，因为我评论了你的答案。不要有报复或嫉妒的感觉，伴侣。没有冒犯，但我没有注意到你的评论。如果你真的发现它有用，请也投票ul。
console.log("value of the element clicked== "+target.innerHTML);

    console.log(target.value);//<-- this is the element that was clicked