Создание объектов DOM

Модуль расширенного управления меню для битрикс

Октябрь 4, 2019

Создание объектов DOM при помощи JS библиотеки битрикс.

Создание объекта с вложенными объектами:


var myDiv = BX.create('DIV', {

    props: {className: 'my-class-1'},

    children: [

        BX.create('SPAN', {

            props: {className: 'my-class-2'},

            html: 'Text'

        }),

        BX.create('SPAN', {

            props: {className: 'my-class-2'},

            html: 'Text 2',

            events: { click: function(){ alert('clicked'); } }

        })

    ]

}

Создание объекта с текстом внутри:


BX.create('DIV',{text: 'Text inside'})

Создание инпута одной строкой:


BX.create('INPUT', {props:{type:'text',name:'city',value:''}});

Объект с инлайновыми css свойствами (атрибут style):


var mySpan = BX.create('SPAN', {props: {className: 'my-class'}, style: {'margin-left':'10px'}});

Объект со специфичными атрибутами:


var a = BX.create('A', {attrs: {href: '/link/',target: '_blank'}});

Создание тега <br>:


BX.create('BR')

← Переход к списку