Question

亲爱的，我的问题是这个。我喜欢警告框来显示我在元素中的所有文本。我可以知道怎么做吗？

我的想法：

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

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

有人可以帮我解决这个问题吗？感谢。

Answer 1

如果您不想要HTML，请使用innerHTML（或 innerText）和this：

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

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

Answer 2

使用innerHTML或类似内容获取对象后，使用getelementbyid属性。

Answer 3

如果您只想显示文字，请使用innerText

<强> Live example

HTML

<a onclick="displaytext(this)">testing</a><br />
<a onclick="displayOtherText()">I'll display the div innerText</a><br />
<a onclick="displayOtherHtml()">I'll display the div innerHTML</a><br /><br />
<div id="textToDisplay"><span>Some sample</span> text here</div>

的JavaScript

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

Answer 4

你应该使用这样的简单函数。但请注意，此函数采用元素ID，因此这对于类名或元素名称不起作用。

function sayText(elId) {
    var html = document.getElementById(elId).innerHTML;
    if (html != null) alert(html)
}

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

4 个答案: