ЭлементHTML.УстановитьАтрибут

Методы · SetAttribute

Устанавливает значение атрибута с указанным именем. Если атрибута с таким именем нет, то он будет создан.

Синтаксис

УстановитьАтрибут(<Имя>, <Значение>)
Полное описание, параметры и ограничения

ЭлементHTML.УстановитьАтрибут (HTMLElement.SetAttribute)

ЭлементHTML (HTMLElement)

УстановитьАтрибут (SetAttribute)

Доступен, начиная с версии 8.2.

Синтаксис:
УстановитьАтрибут(<Имя>, <Значение>)
Параметры:

<Имя> (обязательный)
Имя атрибута.

<Значение> (обязательный)
Тип: Строка.
Значение атрибута.
Описание:

Устанавливает значение атрибута с указанным именем.
Если атрибута с таким именем нет, то он будет создан.

Доступность:

Тонкий клиент, мобильный клиент, сервер, толстый клиент, внешнее соединение, мобильное приложение (клиент), мобильное приложение (сервер), мобильный автономный сервер.

Примечание:
Если имя атрибута содержит символы, не допустимые стандартом XML данного документа, или данный узел в режиме Только для чтения, будет инициировано исключение.
Использование в версии:

Доступен, начиная с версии 8.2.

Методическая информация

Практические примеры

Нормализовать соседние текстовые узлы собственного HTML-документа

У собственного блока создаём два соседних текста Книга и « и ручка». Нормализовать на уровне документа объединяет их, сохраняя полное текстовое содержимое.

Где и как запускать

Полный серверный общий модуль УчебныйДокументHTML85. Свой HTML создаётся строкой и разбирается в памяти, без браузера и внешних источников.

Подготовка

  1. Используйте отдельную учебную базу 8.5.1.1343. Создайте общий модуль УчебныйДокументHTML85: Сервер — Да, Клиент — Нет, Глобальный — Нет, Вызов сервера — Нет, Привилегированный — Нет.

  2. Вставьте весь приведённый модуль одного урока. В своей управляемой учебной обработке создайте команду и клиентский обработчик, вызывающий свою процедуру с директивой &НаСервереБезКонтекста. В её тело вставьте УчебныйДокументHTML85.ВыполнитьПример();.

  3. Источник HTML полностью записан в коде: свой вымышленный заказ, покупатель, книга, ручка и элементы с явно заданными id. ЧтениеHTML и ПостроительDOM получают строку, а не URL или внешний файл.

  4. Разбор HTML в этом уроке не открывает браузер, не отправляет форму, не загружает картинки и не исполняет JavaScript. Файлы, сеть, печать, рабочие документы и регистры не используются.

  5. Каждый запуск создаёт новый собственный документ в памяти. Поставьте точку останова перед конечными Сообщить и исследуйте Документ, его ЭлементДокумента и указанные переменные урока в серверном отладчике.

  6. ДокументHTML — корневой объект дерева, а его ЭлементДокумента, Тело и отдельный блок — другие узлы. Одинаковые имена методов не означают одинаковые правила допустимых дочерних узлов.

  7. Результаты ниже ожидаемые. В 1С код не запускался; статическая сверка сигнатур и readonly не подтверждает все особенности реализации HTML DOM вашей среды. Выполните проверки только на своём учебном стенде.

Процедура ВыполнитьПример() Экспорт
    HTML = "<html><head><title>Учебный заказ</title><meta id='meta' name='description' content='Вымышленный заказ'></head>
    |<body id='body'><p id='note'>Заказ существует только в памяти</p><pre id='code'>A-01: 3
    |B-02: 1</pre>
    |<form id='order' name='order' action='' method='get'>
    |<input id='customer' name='customer' type='text' value='Учебный покупатель'>
    |<input id='accepted' name='accepted' type='checkbox' value='yes'>
    |<button id='preview' name='preview' type='button' value='preview'>Предпросмотр</button></form>
    |<table id='items' summary='Книга и ручка'><caption id='caption'>Товары</caption><colgroup><col id='column'></colgroup><tbody>
    |<tr id='book'><td id='book-name'>Книга</td><td>3</td></tr><tr id='pen'><td>Ручка</td><td>1</td></tr>
    |</tbody></table><a id='help' name='help' href='#note'>Пояснение</a><img id='logo' alt='Учебная картинка без источника'>
    |</body></html>";
    Чтение = Новый ЧтениеHTML;
    Чтение.УстановитьСтроку(HTML);
    Попытка
        Построитель = Новый ПостроительDOM;
        Документ = Построитель.Прочитать(Чтение);
    Исключение
        Чтение.Закрыть();
        ВызватьИсключение;
    КонецПопытки;
    Чтение.Закрыть();
    Если ТипЗнч(Документ) <> Тип("ДокументHTML") Тогда
        ВызватьИсключение "Ожидался ДокументHTML, а не XML-документ";
    КонецЕсли;
    Форма = Документ.ПолучитьЭлементПоИдентификатору("order");
    Если Форма = Неопределено Тогда
        ВызватьИсключение "В своём HTML нужна форма order";
    КонецЕсли;
    Если ТипЗнч(Форма) <> Тип("ЭлементФормаHTML") Тогда
        ВызватьИсключение "order должен быть собственной HTML-формой";
    КонецЕсли;
    Блок = Документ.СоздатьЭлемент("div");
    Блок.УстановитьАтрибут("id", "own-work");
    Форма.ДобавитьДочерний(Блок);
    ПервыйТекст = Документ.СоздатьТекстовыйУзел("Книга");
    ВторойТекст = Документ.СоздатьТекстовыйУзел(" и ручка");
    Блок.ДобавитьДочерний(ПервыйТекст);
    Блок.ДобавитьДочерний(ВторойТекст);
    Если Блок.ДочерниеУзлы.Количество() <> 2 Тогда
        ВызватьИсключение "Ожидались два собственных соседних текста";
    КонецЕсли;
    До = Блок.ТекстовоеСодержимое;
    Документ.Нормализовать();
    Сообщить(До = "Книга и ручка");
    Сообщить(Блок.ТекстовоеСодержимое = До);
    Сообщить(Блок.ДочерниеУзлы.Количество() = 1);
    Сообщить(Блок.ПервыйДочерний.ЗначениеУзла = "Книга и ручка");

КонецПроцедуры

Разбор по шагам

  1. Разобрать свою строку заказа и проверить реальный ТипЗнч ДокументHTML. Чтение закрывается как после успеха, так и при исключении построителя.

  2. Найти и проверить собственную форму order, создать блок div в том же документе и добавить его в эту форму. Это правка своего дерева в памяти, не страницы открытого браузера.

  3. Создать два текстовых узла через фабрику документа. Их строки задаются явно, поэтому исходное полное содержимое известно: Книга и ручка.

  4. Добавить оба текста в один блок и проверить число детей 2. Они соседние; между ними нет элемента или другого разделяющего узла.

  5. Сохранить полное текстовое содержимое до нормализации. Затем вызвать Нормализовать именно у ДокументHTML, чтобы обработать поддерево на всей глубине.

  6. Проверить число детей 1 и сохранение текста. Нормализация структуры не означает исчезновение второй части надписи.

  7. После нормализации пользоваться актуальными узлами из Блок.ДочерниеУзлы. Старая переменная ВторойТекст не гарантирует, что узел по-прежнему прикреплён к блоку.

Как проверить результат

  1. Четыре конечных сравнения должны дать Истина. Дочерних текстов стало один, надпись остаётся Книга и ручка.

  2. Вставьте между текстами свой элемент span: смежность нарушится. Нормализовать не обязано объединять тексты через этот элемент.

  3. Повторный вызов Нормализовать не должен менять нормализованную надпись. Не проверяйте сохранение идентичности второго исходного узла.

Ожидаемый результат

Соседние тексты собственного блока объединены на уровне документа с проверкой сохранности содержимого.

На что обратить внимание

  1. Нормализация не является очисткой HTML от опасных тегов и не выполняет повторный разбор текстовой строки как разметки.

  2. Readonly ДочерниеУзлы нельзя присваивать заново. Меняем дерево методами, а не подменой коллекции.

  3. Создание текстового узла и создание элемента — разные операции; слово Книга здесь текст, не тег.

  4. Проверки нужно выполнить в своей 1С; этот урок не запускался.

Пример не запускался в вашей базе. Перед применением проверьте его в указанном учебном контексте.

Проверить ограничения корня и редактировать правильный HTML-контейнер

На собственном документе намеренно проверяем четыре документированных ошибки корневых операций, затем выполняем вставку, замену и удаление обычных дочерних элементов своего блока.

Где и как запускать

Полный серверный общий модуль УчебныйДокументHTML85. Свой HTML создаётся строкой и разбирается в памяти, без браузера и внешних источников.

Подготовка

  1. Используйте отдельную учебную базу 8.5.1.1343. Создайте общий модуль УчебныйДокументHTML85: Сервер — Да, Клиент — Нет, Глобальный — Нет, Вызов сервера — Нет, Привилегированный — Нет.

  2. Вставьте весь приведённый модуль одного урока. В своей управляемой учебной обработке создайте команду и клиентский обработчик, вызывающий свою процедуру с директивой &НаСервереБезКонтекста. В её тело вставьте УчебныйДокументHTML85.ВыполнитьПример();.

  3. Источник HTML полностью записан в коде: свой вымышленный заказ, покупатель, книга, ручка и элементы с явно заданными id. ЧтениеHTML и ПостроительDOM получают строку, а не URL или внешний файл.

  4. Разбор HTML в этом уроке не открывает браузер, не отправляет форму, не загружает картинки и не исполняет JavaScript. Файлы, сеть, печать, рабочие документы и регистры не используются.

  5. Каждый запуск создаёт новый собственный документ в памяти. Поставьте точку останова перед конечными Сообщить и исследуйте Документ, его ЭлементДокумента и указанные переменные урока в серверном отладчике.

  6. ДокументHTML — корневой объект дерева, а его ЭлементДокумента, Тело и отдельный блок — другие узлы. Одинаковые имена методов не означают одинаковые правила допустимых дочерних узлов.

  7. Результаты ниже ожидаемые. В 1С код не запускался; статическая сверка сигнатур и readonly не подтверждает все особенности реализации HTML DOM вашей среды. Выполните проверки только на своём учебном стенде.

Процедура ВыполнитьПример() Экспорт
    HTML = "<html><head><title>Учебный заказ</title><meta id='meta' name='description' content='Вымышленный заказ'></head>
    |<body id='body'><p id='note'>Заказ существует только в памяти</p><pre id='code'>A-01: 3
    |B-02: 1</pre>
    |<form id='order' name='order' action='' method='get'>
    |<input id='customer' name='customer' type='text' value='Учебный покупатель'>
    |<input id='accepted' name='accepted' type='checkbox' value='yes'>
    |<button id='preview' name='preview' type='button' value='preview'>Предпросмотр</button></form>
    |<table id='items' summary='Книга и ручка'><caption id='caption'>Товары</caption><colgroup><col id='column'></colgroup><tbody>
    |<tr id='book'><td id='book-name'>Книга</td><td>3</td></tr><tr id='pen'><td>Ручка</td><td>1</td></tr>
    |</tbody></table><a id='help' name='help' href='#note'>Пояснение</a><img id='logo' alt='Учебная картинка без источника'>
    |</body></html>";
    Чтение = Новый ЧтениеHTML;
    Чтение.УстановитьСтроку(HTML);
    Попытка
        Построитель = Новый ПостроительDOM;
        Документ = Построитель.Прочитать(Чтение);
    Исключение
        Чтение.Закрыть();
        ВызватьИсключение;
    КонецПопытки;
    Чтение.Закрыть();
    Если ТипЗнч(Документ) <> Тип("ДокументHTML") Тогда
        ВызватьИсключение "Ожидался ДокументHTML, а не XML-документ";
    КонецЕсли;
    Форма = Документ.ПолучитьЭлементПоИдентификатору("order");
    Если Форма = Неопределено Тогда
        ВызватьИсключение "В своём HTML нужна форма order";
    КонецЕсли;
    Если ТипЗнч(Форма) <> Тип("ЭлементФормаHTML") Тогда
        ВызватьИсключение "order должен быть собственной HTML-формой";
    КонецЕсли;
    Блок = Документ.СоздатьЭлемент("div");
    Блок.УстановитьАтрибут("id", "own-work");
    Форма.ДобавитьДочерний(Блок);
    Корень = Документ.ЭлементДокумента;
    НовыйКорень = Документ.СоздатьЭлемент("html");
    Отклонено = 0;
    Попытка
        Документ.ДобавитьДочерний(НовыйКорень);
    Исключение
        Отклонено = Отклонено + 1;
    КонецПопытки;
    Попытка
        Документ.ВставитьПеред(НовыйКорень, Корень);
    Исключение
        Отклонено = Отклонено + 1;
    КонецПопытки;
    Попытка
        Документ.ЗаменитьДочерний(Документ, Корень);
    Исключение
        Отклонено = Отклонено + 1;
    КонецПопытки;
    Попытка
        Документ.УдалитьДочерний(Документ);
    Исключение
        Отклонено = Отклонено + 1;
    КонецПопытки;
    Если Отклонено <> 4 Или Не Документ.ЭлементДокумента.УзелИдентичен(Корень) Тогда
        ВызватьИсключение "Реализация не подтвердила ожидаемые ограничения собственного корня";
    КонецЕсли;
    Книга = Документ.СоздатьЭлемент("span");
    Книга.ТекстовоеСодержимое = "Книга";
    Ручка = Документ.СоздатьЭлемент("span");
    Ручка.ТекстовоеСодержимое = "Ручка";
    Блок.ДобавитьДочерний(Книга);
    Блок.ВставитьПеред(Ручка, Книга);
    Сообщить(Блок.ДочерниеУзлы.Количество() = 2);
    Сообщить(Блок.ПервыйДочерний.УзелИдентичен(Ручка));
    Замена = Документ.СоздатьЭлемент("span");
    Замена.ТекстовоеСодержимое = "Блокнот";
    Блок.ЗаменитьДочерний(Замена, Книга);
    Сообщить(Блок.ДочерниеУзлы.Количество() = 2);
    Сообщить(Блок.ПоследнийДочерний.УзелИдентичен(Замена));
    Блок.УдалитьДочерний(Ручка);
    Сообщить(Блок.ДочерниеУзлы.Количество() = 1);
    Сообщить(Блок.ТекстовоеСодержимое = "Блокнот");

КонецПроцедуры

Разбор по шагам

  1. Свой документ уже имеет один корневой html. Отдельный новый html создан той же фабрикой документа, поэтому ошибка второго корня не маскируется ошибкой другого документа-владельца.

  2. ДобавитьДочерний и ВставитьПеред на уровне ДокументHTML намеренно пытаются добавить второй элемент корня. Это отрицательные проверки документированного ограничения, не рецепт создания страницы.

  3. ЗаменитьДочерний(Документ,Корень) пытается поместить документ внутрь самого себя; УдалитьДочерний(Документ) ищет ребёнка, которым документ не является. Оба вызова намеренно проверяют исключения.

  4. Каждое исключение учитывается; четыре отказа и сохранение прежнего корня проверяются до позитивной части. Сырые сообщения ошибок не интерпретируются как доказательство конкретного языка или одинакового текста ошибки.

  5. Для нормальной работы используется собственный div внутри тела: добавляем Книга и вставляем Ручка перед ней. Обе созданы тем же ДокументHTML.

  6. Заменяем только дочернюю Книга на свой Блокнот, затем удаляем только Ручка из правильного родительского блока.

  7. Проверяем порядок, число детей и конечную надпись. Меняется дерево в памяти; файлы и любые пользовательские окна не трогаются.

Как проверить результат

  1. Отрицательная часть ожидает четыре исключения и неизменный корень; при иной реализации урок выдаёт явную ошибку вместо ложного успеха.

  2. Шесть конечных сравнений позитивной части Истина. После всех изменений один ребёнок с текстом Блокнот.

  3. Не переносите отрицательные вызовы в прикладной код. Для обычных элементов используйте реальные родительские контейнеры и узлы собственного документа.

Ожидаемый результат

Ограничения корневого узла отделены от корректных операций со своим обычным HTML-контейнером.

На что обратить внимание

  1. Этот урок намеренно содержит отрицательные вызовы внутри Попытка. Они проверяют ошибки API; сами по себе не считаются успешной правкой документа.

  2. Метод с тем же именем у ДокументHTML и ЭлементHTML может иметь разные ограничения на дочерние узлы.

  3. Не создавайте второй корень, не вставляйте узел сам в себя и не удаляйте ребёнка у неверного родителя.

  4. Узлы другого документа нужно отдельно переносить документированным механизмом; этот урок не придумывает аргументы для противоречивой страницы АдаптироватьУзел.

  5. Статические проверки не доказали фактические исключения платформы. Проверьте именно ожидаемые отказы на своём учебном стенде.

Пример не запускался в вашей базе. Перед применением проверьте его в указанном учебном контексте.

Не хотите разбираться сами?

Адаптируем это решение под вашу базу. Оценка бесплатно.

Оставить задачу

1С, 1С:Предприятие — товарные знаки ООО «1С». Сайт не является официальным представительством фирмы «1С» и не аффилирован с ней.