Javascript-форум - основы яваскрипт

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

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

- - основы яваскрипт – вопросы. (https://javascript.ru/forum/misc/77082-osnovy-yavaskript-%E2%80%93-voprosy.html)

основы яваскрипт – вопросы.

На здоровье, нельзя использовать зарезервированное в языке, все иное как угодно.

Блондинка,
Имена переменных

вопрос № 2

как присвоить значения этим переменным, при условии что эти значения есть в определённом элементе с конкретным названием ид'а? и при втором условии что одна из этих четырёх значений может иметь несколько значений?

var div_class = document.querySelectorAll('.имя класса')[номер элемента].textContent

var div_id = document.querySelector('#ид элемента').textContent

и само сабой id на странице должны быть уникальны

Цитата:

Сообщение от Блондинка

как присвоить значения этим переменным, при условии что эти значения есть в определённом элементе с конкретным названием ид'а?

Вы упорно продолжаете попытки написать свой сайт начиная с частностей, которые в общем то вам и не нужны (id), не имея общей концепции. Так у вас ничего не получится, я даже могу предсказать итог - вам напишут кучи примеров функций, причем для вас непонятных, которые вы вряд ли свяжете воедино.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div { background: #a6ffff; border: 1px solid #3232cc; width: 90%; padding: 10px 35px; margin-bottom: 1em; }
</style>
</head>
<body>
<pre><code id="code-1">
&lt;!DOCTYPE html&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;meta charset=&quot;utf-8&quot;&gt;<br>
&lt;title&gt;border-radius&lt;/title&gt;<br>
&lt;style&gt;<br>
.radius { background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; }<br>
#a { border-radius: 50px 0 0 50px; }<br>
#b { border-radius: 40px 10px; }<br>
#c { border-radius: 13em/3em; }<br>
#d { border-radius: 13em 0.5em/1em 0.5em; }<br>
#e { border-radius: 8px; }<br>
.span_bold { font-weight: bold; }<br>
#span_ital { font-style: italic; }<br>
&lt;/style&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
&lt;div class=&quot;radius&quot;&gt;&lt;/div&gt;<br>
&lt;/body&gt;<br>
&lt;/html&gt;
<code/></pre><br>
<div style=""><span style=""></span></div>
Нажмите на блок чтобы посмотреть как изменится радиус углов при разных значениях.
</body>
</html>

<div style="background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; border-radius: 40px 10px;"><span style=" font-weight: bold; font-style: italic;">border-radius: 40px 10px;</span></div>
<div style="background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; border-radius: 40px 10px;"><span style=" font-weight: bold; font-style: italic;">border-radius: 40px 10px;</span></div>
<div style="background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; border-radius: 13em/3em;"><span style=" font-weight: bold; font-style: italic;">border-radius: 13em/3em;</span></div>
<div style="background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; border-radius: 13em 0.5em/1em 0.5em;"><span style=" font-weight: bold; font-style: italic;">border-radius: 13em 0.5em/1em 0.5em;</span></div>
<div style="background: #f0f0f0; border: 1px solid #999; width: 420px; padding: 15px 25px; margin-bottom: 10px; border-radius: 8px;"><span style=" font-weight: bold; font-style: italic;">border-radius: 8px;</span></div>

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

вроде так

но ведь искать то надо не на странице, а только в пределах <code id="code-1">.