Форум

GrandEx · #1 (**permalink**) 14.05.2013, 16:24

Есть постоянная конструкция 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>

danik.js · #2 (**permalink**) 14.05.2013, 16:30

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

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

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

GrandEx · #3 (**permalink**) 14.05.2013, 16:33

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

"

Цитата:

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

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

ksa · #4 (**permalink**) 14.05.2013, 16:53

Сообщение от 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>

ruslan_mart · #5 (**permalink**) 14.05.2013, 17:19

Как вариант:

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

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

GrandEx · #6 (**permalink**) 14.05.2013, 17:22

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

qwerty-клавиатура · #7 (**permalink**) 14.05.2013, 17:30

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;

GrandEx · #8 (**permalink**) 14.05.2013, 17:46

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

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

Это что?

danik.js · #9 (**permalink**) 14.05.2013, 19:20

Сообщение от 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>

GrandEx · #10 (**permalink**) 14.05.2013, 19:31

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

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

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

Форум

Справочник

Discord чат

Курсы javascript