Получить значения между тегами DIV?

Как получить значения между тегом DIV?

Пример

<div id="myOutput" class="wmd-output">
    <pre><code><p>hello world!</p></code></pre>
</div>

Мои выходные значения, которые я должен получить, это

<pre><code><p>hello world!</p></pre>

Ответ 1

Сначала найдите элемент. Самый быстрый способ - по ID. Затем используйте innerHTML, чтобы получить содержимое HTML этого элемента.

document.getElementById('myOutput').innerHTML;

Ответ 2

document.getElementById("myOutput").innerHTML

Ответ 3

innerHtml хорош для этого случая, поскольку ребята предлагали передо мной,

Если у вас более сложная структура html и вы хотите ее перемещать/манипулировать, я предлагаю использовать библиотеки js, такие как jQuery. Чтобы получить желание, вы хотите:

$('#myOutput').html()

Выглядит лучше, я думаю (но я бы не загрузил всю библиотеку js только для такого простого примера, конечно)

Ответ 4

Просто добавив все выше с некоторыми дополнительными деталями,

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

var objDiv = document.getElementbyId('myOutput');
if(objDiv){
  objDiv.innerHTML;
}

Это позволит избежать ошибки JavaScript на странице.