получить значение в элементе динамически, используя DOM в JavaScript

Question

Дорогие все, моя проблема заключается в следующем.Мне нравится окно предупреждения, чтобы отобразить весь текст, который я имею в элементе.Могу ли я узнать, как я могу это сделать?

Моя идея ори:

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

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

Может кто-нибудь помочь мне решить эту проблему?Спасибо.

Answer 1

вы должны использовать простую функцию, подобную этой. но будьте осторожны, эта функция принимает идентификатор элемента, поэтому он не будет работать для имени класса или имени элемента.

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

Answer 2

Используйте атрибут innerHTML после того, как вы получили объект, используя getelementbyid или аналогичный.

Answer 3

Если вы просто хотите отобразить текст , вы должны использовать innerText

Живой пример

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

Используйте innerHTML ( или innerText, если вы не хотите использовать HTML) и this:

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

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