Значит правильно так

<script type="text/javascript">
var div_class = document.querySelector('#code-1.radius').textContent;
var div_id = document.querySelector('#code-1#a').textContent;
var span_class = document.querySelector('#code-1.span_bold').textContent;
var span_id = document.querySelector('#code-1#span_ital').textContent;
</script>

laimas,
просто скажи, правильно или нет, и что не так

не боги горшки обжигают, пусть не за день пусть за неделю-месяц но разберусь

laimas, вроде и тебе давно надо было представиться.

laimas,
я наверное скоро начну ругаться семиэтажным, когда я пытаюсь что-то понять и кто-то что поясняет, тебе нужно прервать процесс моих попыток что понять из основ js, если самому трудно довести до логического завершения написанный тобой сценарий.

Не стоит, из уст дамы, да семиэтажный, совсем не этично. ;)

Я вам говорил и не раз как правильно, а как может закончится результатом то, что изначально уже не правильно. Ну нет на вашей странице элемента с классом radius, это текст у вас, в котором описан элемент с этим классом.

1) Говорил я вам, что не обязательно пересаживаться в другую машину, чтобы ехать быстрее? Вы же долго и упорно хотели выдирать код из текста.

2) Ладно, написал как вы и хотите - просто, до безобразия просто, получили текст как объекты DOM которые в вставляем в контейнер. То есть на каждой из своих страниц вам нужен один и тот же ну очень простой код, и соглашение - на страницах должен быть контейнер с одним и тем же id, а элементы родители описывающие код иметь определенное имя класса, по которому они будут извлекаться.

3) Вы, видимо, поняли, что вторая машина и впрямь не нужна, но с упорством продолжаете выдирать данные из текста, вместо того, чтобы их определять явно.

Вопрос - как вас можно направить/заставить делать так, как это и делается, по уму, если у вас нет концепции, а значит и стратегии не будет? Автоматизация, это не означает - пишу что хочу, а там дай бог есть средство, которое все будет выдирать и вставлять на место.

laimas,
можешь объяснить как выдрать из текста нужные куски и присвоить этим переменным?

<script type="text/javascript">
var div_class = document.querySelector('#code-1.radius').textContent;
var div_id = document.querySelector('#code-1#a').textContent;
var span_class = document.querySelector('#code-1.span_bold').textContent;
var span_id = document.querySelector('#code-1#span_ital').textContent;

Вы могли бы, не для меня, для себя, аргументированно прописать, что это действительно нужно делать?

Я ведь вам писал такой пример. Да можно, но вся беда в том, что это будет работать конкретно для текущей страницы, а на других уже нет. Универсального же вы вряд ли напишите. То есть, для каждой из страниц придется писать свой такой парсер, которому явно указывать что и где искать. А из этого вытекает вопрос - зачем же, зная что нужно найти, искать это, а это могут быть и весьма затратные операции, вместо того, чтобы их прописать явно как данные для скрипта?

Это мой аргумент.

laimas, можно просто доработать этот скрипт?

<script>
var radius = ['50px 0 0 50px', '40px 10px', '13em/3em', '13em 0.5em/1em 0.5em', '8px'], step = 0;
document.querySelector('.radius').addEventListener('click', function() {
step = ++step % 5;
this.style.borderRadius = radius[step];
document.querySelector('#a1').textContent = 'border-radius: ' + radius[step] + ';';
})
</script>