HTML в Javascript

0

Я хочу вставить HTML-divs в Javascript, но у меня возникли проблемы с разработкой. В основном, я хочу добавить теги объявлений в зависимости от размера внутреннего окна. Этот скрипт работает для моих объявлений adsense, но мне нужно, чтобы он работал для другого решения.

<script type="text/javascript">// <![CDATA[
var width = window.innerWidth || document.documentElement.clientWidth;
if (width >= 630) {
    [insert div # 1 here]
} else if (width < 630) {
    [insert div # 2 here]
}
// ]]></script>

Оба div находятся в следующем формате - и на них ссылается другой скрипт в заголовке:

<div id="exampleone" class="ABCXYZ" data-serve="abcdefg">
<div id="exampletwo" class="ABCXYZ" data-serve="abcdefh">

Помогите оценить!

UPDATE: Это то, что я сейчас пытаюсь, но безрезультатно

<script type="text/javascript">// <![CDATA[
var width = window.innerWidth || document.documentElement.clientWidth;
var body = document.getElementsByTagName ("body")[0];
if (with >= 630) {
    body.innerHTML = body.innerHTML + "<div id='exampleone' class='ABCXYZ' data-serve='abcdefg'>";
else if (width < 630) {
    body.innerHTML = body.innerHTML + "<div id='exampletwo' class='ABCXYZ' data-serve='abcdefh'>";
}
// ]]></script>
  • 1
    Где вы размещаете разделители по отношению к остальной части вашего HTML? Например, вы можете использовать JavaScript, чтобы добавить их к другому элементу. Вы также можете установить innerHTML элемента для рассматриваемого делителя.
  • 0
    Вам просто нужен код для вставки div? Вы получаете правильную ширину, которую вы ищете? Какую структуру вы хотите встроить в этот блок позже и как вы будете это делать?
Теги:
innerhtml

1 ответ

0

Предполагая, что вы пытаетесь вставить div в элемент body, вы можете сделать что-то вроде этого:

// there should be only one <body> tag, so hardcoding [0] should be okay
var body = document.getElementsByTagName ("body")[0];
// or if your body (or other element) has an id, try this:
var body = document.getElementById ("body-id-value");

if (with >= 630) {
    body.innerHTML = body.innerHTML + "<div id='exampleone' class='ABCXYZ' data-serve='abcdefg'>";
else if (width < 630) {
    body.innerHTML = body.innerHTML + "<div id='exampletwo' class='ABCXYZ' data-serve='abcdefh'>";
}

Это добавит div в нижней части всего другого содержимого тега body. Если вы хотите, чтобы div находился перед любым другим контентом, добавьте текущий HTML после div:

body.innerHTML = "<div id='exampletwo' class='ABCXYZ' data-serve='abcdefh'>" + body.innerHTML;

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

Поделиться
  • 0
    Спасибо за ответ - я пытался заставить его работать, но безрезультатно. Всего я вставлю код, который я использовал в качестве ответа ниже:
  • 0
    Если вы делаете body.innerHTML = body.innerHTML + "foobar" , вы все равно ничего не видите?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню