怎么取出“span”的内容呢？

Question

<button type="button" class="bg s_btn" ><span>按钮1</span></button>
<button type="button" class="bg s_btn" ><span>按钮2</span></button>
<button type="button" class="bg s_btn" ><span>按钮3</span></button>

var box = document.getElementsByClassName('bg s_btn')

取到“button”元素后，怎么再取“span”的内容呢？

取“按钮1”、“按钮2”、“按钮3”，这几个位置的信息。

提前感谢大佬指教~，谢谢

Answer 1

试一下是不是你想要的效果

<button type="button" id="btn1"><span>按钮1</span></button>
        <button type="button" id="btn2"><span>按钮2</span></button>
        <button type="button" id="btn3"><span>按钮3</span></button>
        <script type="text/javascript">
            var btn1=document.getElementById("btn1").firstChild;
            var a=btn1.innerText;
            var btn2=document.getElementById("btn2").firstChild;
            var b=btn2.innerText;
            var btn3=document.getElementById("btn3").firstChild;
            var c=btn3.innerText;
            btn1.onclick=function(){    alert(a);   }
            btn2.onclick=function(){    alert(b);   }
            btn3.onclick=function(){    alert(c);   }
        </script>