js如何获取dom元素下的子元素

图片说明
比如怎么取得图片中的“名字”

myName函数改成这样

function myName(){
    var a = document.getElementById("name");
    alert("a=" + a.innerText)
}

第一句的button没有id的,写多了

alert($(":button").text()) 

你的名字是想斜体吗?没放在 i 标签里没作用

建议使用jquery,js原始实现也可以,但是jq更加方便,给你一个链接,这个帖子写的很好http://blog.csdn.net/duanshuyong/article/details/7562423

 <button onclick="myName(this)"
function myName(el){
alert(el.lastChild.data)
}
 <button onclick="myName(this)"><i class="a"></i>张三</button>
<button onclick="myName(this)"><i class="a"></i>李四</button>
<button onclick="myName(this)"><i class="a"></i>王五</button>
<button onclick="myName(this)"><i class="a"></i>赵六</button>
<button onclick="myName(this)"><i class="a"></i>找死</button>
function myName(obj){
    alert($(obj).text())
}

只要onclick的方法名相同,这种写法就能获取任意按钮的值

页面就绪函数
``
$(function(){

$("button").on('click',function(){
    alert($(this).text())
})
<%-- $.post("<%=path%>/keyPair",{},function(data){
    $("#exponent").val(data.exponent)
    $("#modulus").val(data.modulus)
},"json") --%>

})


张三
李四
王五
赵六


方法名不同也可以获取文本值
 $(function(){

    var btn = $("button")

    for (var i = 0; i < btn.length; i++) {
        btn[i].onclick=function(){
            alert($(this).text())
        }
    }
})
 <button onclick="myName()"><i class="a"></i>张三</button>
<button onclick="mySex()"><i class="a"></i>李四</button>
<button onclick="myAge()"><i class="a"></i>王五</button>
<button onclick="myAddress()"><i class="a"></i>赵六</button>