Телеграмм чат группы jsrules страница 2463

подскажите пожалуйста, епе мне такую структуру создать через appendChild

<div">
<img src="" alt="">
<h4></h4>
<a href="#">View</a>
</div>

вот пример, создания изображения
а как его поместить в див

    data.forEach(function(obj) {
        var img = document.createElement("img");
        img.src = obj.image;
        document.getElementById("post").appendChild(img);
    });

01:00пожаловаться #1

M

MArt2202 in JavaScript Rules

подскажите пожалуйста, епе мне такую структуру создать через appendChild

<div">
<img src="" alt="">
<h4></h4>
<a href="#">View</a>
</div>

А так ?
```
document.getElementById("post").append(img);

```

01:02пожаловаться #2

A¯

MArt2202

А так ?
```
document.getElementById("post").append(img);

```

это изображение, только вставится в див с id post

а как структуру такую вставить

<div id='post'>

<div">
<img src="" alt="">
<h4></h4>
<a href="#">View</a>
</div>

</div>

insertAdjacentHTML() разбирает указанный текст как HTML или XML и вставляет полученные узлы (nodes) в DOM дерево в указанную позицию. Данная функция не переписывает имеющиеся элементы, что предовращает дополнительную сериализацию и поэтому работает быстрее, чем манипуляции с innerHTML.

01:06пожаловаться #3

M

MArt2202 in JavaScript Rules

https://developer.mozilla.org/ru/docs/Web/API/Element/insertAdjacentHTML
Для вставки html кода также используй
обратные кавычки

Веб-документация MDN

Element.insertAdjacentHTML()

01:08пожаловаться #4

I

это изображение, только вставится в див с id post

а как структуру такую вставить

<div id='post'>

<div">
<img src="" alt="">
<h4></h4>
<a href="#">View</a>
</div>

</div>

ну тебе приходит массив обьектов, ты по нему циклом проходишься и вставляешь параметры

01:09пожаловаться #5

A¯

Попытка создать div > ul с помощью jquery append - jquery - CodeRoad

Igor®

ну тебе приходит массив обьектов, ты по нему циклом проходишься и вставляешь параметры

вроде нашел что нужно

$('container').append($("div").addClass("tile").append($('ul').addClass("layer")));
https://coderoad.ru/36815959/%D0%9F%D0%BE%D0%BF%D1%8B%D1%82%D0%BA%D0%B0-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-div-ul-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-jquery-append

coderoad.ru

Div с классом title использует самозакрывающийся тег <div ... /> Сделайте это вместо этого $(container).append( '<div class=tile>' + '<ul class=layer></ul>' + '</div>'...

01:10пожаловаться #6

I

Попытка создать div > ul с помощью jquery append - jquery - CodeRoad

вроде нашел что нужно

$('container').append($("div").addClass("tile").append($('ul').addClass("layer")));
https://coderoad.ru/36815959/%D0%9F%D0%BE%D0%BF%D1%8B%D1%82%D0%BA%D0%B0-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-div-ul-%D1%81-%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E-jquery-append

coderoad.ru

Div с классом title использует самозакрывающийся тег <div ... /> Сделайте это вместо этого $(container).append( '<div class=tile>' + '<ul class=layer></ul>' + '</div>'...

Так ты уже определись, тебе нужен чистый жс или с использованием библиотек

01:17пожаловаться #7

H

HarryDaamn in JavaScript Rules

Всём привет. Небольшой вопрос. Есть объект с определёнными значениями ,но почему-то я не могу к нему "достучаться" обычным console.log(). Не пойму причины, но мне кажеться всё очень просто. Нужна небольшая помощь. Спасибо за ранее

01:18пожаловаться #8

I

HarryDaamn

Всём привет. Небольшой вопрос. Есть объект с определёнными значениями ,но почему-то я не могу к нему "достучаться" обычным console.log(). Не пойму причины, но мне кажеться всё очень просто. Нужна небольшая помощь. Спасибо за ранее

Вопросы с ваших курсов задавайте там, где обучаетесь

01:19пожаловаться #9

H

HarryDaamn in JavaScript Rules

Igor®

Вопросы с ваших курсов задавайте там, где обучаетесь

Задавал. Всё спят. Решил найти помощь на сторонних чатах

01:20пожаловаться #10

A¯

Igor®

Так ты уже определись, тебе нужен чистый жс или с использованием библиотек

как проще не важно на чем

    data.forEach(function(obj) {
        var img = document.createElement("img");
        img.src = obj.image;
       // document.getElementById("post").appendChild(img);
            $('post').append($("div").appendChild($(img).appendChild($("h4"))));

    });

01:24пожаловаться #11

I

как проще не важно на чем

    data.forEach(function(obj) {
        var img = document.createElement("img");
        img.src = obj.image;
       // document.getElementById("post").appendChild(img);
            $('post').append($("div").appendChild($(img).appendChild($("h4"))));

    });

ну тогда вон вам выше скинули ссылку, я тот метод юзаю

01:25пожаловаться #12

A¯

Edit fiddle - JSFiddle - Code Playground

как проще не важно на чем

    data.forEach(function(obj) {
        var img = document.createElement("img");
        img.src = obj.image;
       // document.getElementById("post").appendChild(img);
            $('post').append($("div").appendChild($(img).appendChild($("h4"))));

    });

во https://jsfiddle.net/5ba4rvmv/
вот этот контент хочу вставить в <div id="image_url_1"></div>

jsfiddle.net

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

01:25пожаловаться #13

A¯