использование css для дублирования элементов HTML

Question

использование css для дублирования элементов HTML

Если я правильно понимаю ваши требования, я думаю, что вы можете просто захотеть получить доступ к атрибутам, используя метод getAttribute.

var xclassget = document.getElementsByClassName('black-p stacard caading');

var nodes = [];
var values = [];

for (var i = 0; i < xclassget.length; i++) {
  nodes.push(xclassget[i]);
  values.push({
    coinType: xclassget[i].getAttribute('coin-type'),
    coinName: xclassget[i].getAttribute('coin-name'),
    coinRank: xclassget[i].getAttribute('coin-rank')
  });
}

console.log(nodes, values);

<article class="black-p stacard caading"
           coin-type="pageingx"
           coin-name="moonpa"
           coin-rank="1">
</article>

<article class="black-p stacard caading"
           coin-type="YYYYYYY"
           coin-name="XXXXXX"
           coin-rank="Z">
</article>

<article class="black-p stacard caading"
           coin-type="YYYYYYY"
           coin-name="XXXXXX"
           coin-rank="Z">
</article>

Основываясь на дополнительных вопросах в комментариях к этому ответу, вы можете манипулировать массивом значений по своему усмотрению. Например, если вы просто хотите получить строковое значение всех имен монет, разделенных запятыми, вы можете сделать следующее:

console.log(values.map(value => value.coinName).join(', '))

Или, если вы хотите сделать строковое значение, разделенное запятыми, как названия и типы монет:

console.log(values.map(value => `CoinName: ${value.coinName} | CoinType: ${value.coinType}`).join(', '))

13

navigation css

задан Colin Pickard 8 December 2008 в 12:24

6 ответов

Другие вопросы по тегам:

navigation css

Похожие вопросы:

score 16 · Answer 1

Короткий ответ: нет.

Длинный ответ:не совсем,

Там существует несколько селекторов CSS: прежде и: после которого может использоваться для этого вида цели, но их содержание ограничено, и их реализация еще не является безопасным перекрестным браузером.

По моему скромному мнению, вероятно, неблагоразумно хотеть сделать это, потому что стиль (и действительно содержание) мог бы выглядеть одинаково теперь, но нет никакой гарантии, это будет позже, кроме того, этот вид содержания доволен и справедливо принадлежит разметки не в моделировании. Если Вам не нравится серверная сторона, включают модель (который хорош), я обратился бы к JS, чтобы помочь Вам копировать разметку, возможно, и CSS, чтобы помочь Вам последовательно разрабатывать, но я думаю, что Вы не обязательно возглавляете вниз плодотворный путь.

score 3 · Answer 2

Короткий ответ не, в CSS Вы не можете создать содержание или отобразить его многократно. Обычно это повторное содержание заботится о через серверные технологии (PHP, JSP, ASPX) и т.д. Если Ваш сайт является статическим содержанием (никакая серверная обработка) затем, Ваш лучший выбор является просто копией и мимо.

Было бы возможно сделать это с JavaScript, но будет хост оборотных сторон, лучше чтобы скопировать и вставить.

score 1 · Answer 3

Вы могли изучить серверную сторону, включает, однако поскольку Germstorm уже заявил, что это было бы, вероятно, лучше всего выполнено маленьким Сценарием PHP.

score 1 · Answer 4

По моему скромному мнению, это не возможно. Мое решение добавило бы маленький PHP или другой механизм, который автоматически представляет меню в местоположениях, где это необходимо. Таким образом, Вашим кодом является DRY.

score 1 · Answer 5

Это не будет большая часть проблемы если Ваше повторение кода для ссылок в единственном файле только {Ваше использование его как шаблон и продвигающий в содержании динамично}.

Я не сделаю предположения, на которой технологии серверной стороны Ваше использование, но можно быстро управлять этим с JavaScript. Запишите HTML для ссылок, присвойте его переменной JavaScript и просто повторите его, где Вам нужен он.

Кроме того, если Вы, оказывается, используете scriptalicious, Ваш в удаче! Можно использовать Разработчика для динамичного создания элементов DOM.

score 1 · Answer 6

Как другие сказали, можно ли использовать некоторый серверный код. Если по любой причине не может использовать серверный код, Ваш лучший выбор состоит в том, чтобы записать небольшую программу, которая читает в Ваших уникальных страницах HTML и добавляет повторный HTML. Это и более быстро и легче, чем копирование и вставка вручную, особенно если у Вас есть много страниц. Если Вы добавляете некоторые теги комментария HTML со специальными строками идентификатора к Вашей странице во время обработки, можно также использовать эти теги в будущем для быстрого нахождения и заменения всего общего HTML, если Вы когда-либо изменяете структуру страницы.

Но предварительная обработка страниц HTML как это является правильной болью, не делайте этого, если Вы не можете сделать этого сторона сервера.