在javascript中使用DOM动态获取元素中的值

亲爱的各位，我的问题是这个。 我希望警报框显示元素中的所有文本。我可以知道怎么做吗

我的想法是：

<a onclick="displaytext(something)">testing</a>

function displaytext(something){
  alert(something);
}

测试
函数显示文本（某物）{
警惕（某事）；
}

---

有人能帮我解决这个问题吗？谢谢。

使用

innerHTML

（或

innerText

，如果您不需要HTML）和

此

：

<script>
function displaytext(something) {
    alert(something.innerHTML); //alerts 'testing'
    return false;
}
</script>

<a onclick="displaytext(this)">testing</a>

函数显示文本（某物）{
警报（something.innerHTML）；//警报“测试”
返回false；
}
测试

使用

getelementbyid

或类似工具获取对象后，使用

innerHTML

属性。

如果您只是想显示文本，则应使用

innerText

HTML

测试

我将显示div innerText

我将显示div innerHTML


这里有一些示例文本

JavaScript

<script>
    function displaytext(element){
      alert(element.innerText);
    }
    function displayOtherText(){
        alert(document.getElementById('textToDisplay').innerText)
    }
    function displayOtherHtml(){
        alert(document.getElementById('textToDisplay').innerHTML)
    }
</script>

函数displaytext（元素）{
警报（element.innerText）；
}
函数displayOtherText（）{
警报（document.getElementById（'textToDisplay'）.innerText）
}
函数displayOtherHtml（）{
警报（document.getElementById（'textToDisplay'）.innerHTML）
}

您应该使用这样一个简单的函数。但是要小心，这个函数接受一个元素id，所以这对类名或元素名不起作用

function sayText(elId) { var html = document.getElementById(elId).innerHTML; if (html != null) alert(html) } 函数文本（elId）{ var html=document.getElementById（elId）.innerHTML； 如果（html！=null）警报（html） } function sayText(elId) { var html = document.getElementById(elId).innerHTML; if (html != null) alert(html) }