Создать элемент на странице и задать свойства при помощи JavaScrip

S3
На сайте с 29.03.2012
Offline
349
531

Задача - Найти на странице элемент с определенным id, если найден, обернуть его в тэг div и прописать для дива ид, свойства и события.

Ищу и добавляю так:


function AddDiv(){
var inputs = document.getElementsByTagName('table');
for(var i=0; i<inputs.length;i++)
if( inputs.id=='tbl' ){
var wrapper = document.createElement('div');
wrapper.id = 'DivMain';
wrapper.innerHTML = inputs.outerHTML;
inputs.parentNode.replaceChild(wrapper,inputs)
}

}

Пока все работает - находит и оборачивает, в итоге, в данном случае таблица оборачивается в


<div id="DivMain">

Но мне надо чтоб получилось так -

<div onscroll="OnScrollDiv(this)" id="DivMain">

Пытался добавить события как-то так:

wrapper.scroll= 'OnScrollDiv(this)';

wrapper.onscroll = 'OnScrollDiv(this)';

Не срабатывает... Подскажите, как выкрутится без jQuery?

ДП
На сайте с 23.11.2009
Offline
203
#1

Вам надо чтобы именно html такой получился или просто событие повесилось?

Если html - то наверно через свойство attributes.

Если событие повесить - то


wrapper.scroll= function(){
OnScrollDiv(wrapper);
}

Ну или правильнее там наверно будет через .apply или .call её вызывать.

domen4you
На сайте с 08.03.2013
Offline
53
#2

elementNode.setAttribute(name,value)

S3
На сайте с 29.03.2012
Offline
349
#3
domen4you:
elementNode.setAttribute(name,value)

Спасибо, то что надо!!! Не разобрался просто еще с этим, хотя уже начал читать про setAttributes )))

Вопрос снят

S3
На сайте с 29.03.2012
Offline
349
#4

Кстати, может кто подскажет простой путь - как добавить блок DIV перед таблицей? Чтобы опираться на поиск только элемента table и перед ним вставлять нужные данные? Пока получается только если есть див с определенным ИД обрабатывать страницу

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий