Javascript-форум - Нужно удалить всё, что до <ol> и после </ol>

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Нужно удалить всё, что до <ol> и после </ol> (https://javascript.ru/forum/misc/37936-nuzhno-udalit-vsjo-chto-do-ol-i-posle-ol.html)

Нужно удалить всё, что до <ol> и после </ol>

Есть постоянная конструкция html страницы, с разным текстом, нужно чтобы не выводилось всё, что до <ol> и после </ol>

<div class="xxxx"><table><tbody><tr><td></td></tr></tbody></table></div>
<br />
<span><a href="yyyy"></a></span>
<h2></h2>
<small><div class="uuuu"><a href="iiii">zzz</a></div>
</small>
<br />
[B]<ol>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
</ol>[/B]
<hr />
ZZZZ<a href="zzzz">zzz</a>zzz<a href="zzz">zzz</a>
<br />
<a href="zzz">zzzz</a> 
<br />
<small><a href="zzz">zzz</a>zzz<a href="zzz"><span>zzz</span></a></small>

Цитата:

Сообщение от GrandEx

Желательно, чтобы резалось до загрузки страницы.

Чувак, скрипты не могут отработать до того, как загрузятся. Твой кэп.
Так что ты обратился не на тот форум. Иди на форум, посвященный твоей системе управления сайтом или используемому языку.

Ладненько, пусть не режется до загрузки:) "

Цитата:

системе управления сайтом или используемому языку"

- blogger, так его мать (((

Цитата:

Сообщение от GrandEx

нужно чтоб выводилось всё, что до <ol> и после </ol>

Лучше сказать - удалить все

<ol>
...
</ol>

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<html> 
<body> 
<div class="xxxx"><table><tbody><tr><td></td></tr></tbody></table></div>
<br />
<span><a href="yyyy"></a></span>
<h2></h2>
<small><div class="uuuu"><a href="iiii">zzz</a></div>
</small>
<br />
<ol>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
</ol>
<hr />
ZZZZ<a href="zzzz">zzz</a>zzz<a href="zzz">zzz</a>
<br />
<a href="zzz">zzzz</a> 
<br />
<small><a href="zzz">zzz</a>zzz<a href="zzz"><span>zzz</span></a></small>
<div class="xxxx"><table><tbody><tr><td></td></tr></tbody></table></div>
<br />
<span><a href="yyyy"></a></span>
<h2></h2>
<small><div class="uuuu"><a href="iiii">zzz</a></div>
</small>
<br />
<ol>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
</ol>
<hr />
ZZZZ<a href="zzzz">zzz</a>zzz<a href="zzz">zzz</a>
<br />
<a href="zzz">zzzz</a> 
<br />
<small><a href="zzz">zzz</a>zzz<a href="zzz"><span>zzz</span></a></small>
<script>
var o=document.getElementsByTagName('OL');
while (o[0]) {
	o[0].parentNode.removeChild(o[0]);
};
</script>
</body>
</html>

Как вариант:

document.getElementsByTagName('ol')[0].innerHTML = '';

Или вариант от ksa (см. выше).

Ребя, пардон, прошдляпил . Нужно:
нужно чтобы не выводилось всё, что до <ol> и после </ol>
Только список ol нужен

s = '<a><b><ol>Хуй</ol></b></a>'; p = s.indexOf('<ol>');
p1 = s.indexOf('</ol>', p + 3);
console.log( s.slice(p, p1 + 5) );

document.body.innerHTML = document.getElementsByTagName('ol')[0].outerHTML;

Цитата:

Сообщение от qwerty-клавиатура

s = '<a><b><ol>Хуй</ol></b></a>'; p = s.indexOf('<ol>');

Это что?

Цитата:

Сообщение от GrandEx

Это что?

Это шляпа, не обращай внимания.
Можно например так:

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<html>
<body>
<div class="xxxx"><table><tbody><tr><td></td></tr></tbody></table></div>
<br />
<span><a href="yyyy"></a></span>
<h2></h2>
<small><div class="uuuu"><a href="iiii">zzz</a></div>
</small>
<br />
<ol>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
</ol>
<hr />
ZZZZ<a href="zzzz">zzz</a>zzz<a href="zzz">zzz</a>
<br />
<a href="zzz">zzzz</a>
<br />
<small><a href="zzz">zzz</a>zzz<a href="zzz"><span>zzz</span></a></small>
<div class="xxxx"><table><tbody><tr><td></td></tr></tbody></table></div>
<br />
<span><a href="yyyy"></a></span>
<h2></h2>
<small><div class="uuuu"><a href="iiii">zzz</a></div>
</small>
<br />
<ol>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
<li><a href="oooo">zzz</a><span>zzz</span>zzz<br /></li>
</ol>
<hr />
ZZZZ<a href="zzzz">zzz</a>zzz<a href="zzz">zzz</a>
<br />
<a href="zzz">zzzz</a>
<br />
<small><a href="zzz">zzz</a>zzz<a href="zzz"><span>zzz</span></a></small>
<script>
var list=document.getElementsByTagName('OL')[0];
document.body.innerHTML = '';
document.body.appendChild(list);
</script>
</body>
</html>

Цитата:

Сообщение от danik.js

Можно например так:

Сработало!!!
Большое спасибо.

document.body.innerHTML = document.getElementsByTagName('ol')[0].outerHTML;

так еще короче

Цитата:

Сообщение от qwerty-клавиатура

так еще короче

outerHTML отсутствует в предыдущих версиях Firefox.
К тому же незачем пересоздавать список, раз он уже создан и присутствует в DOM.