Ссылка на элемент div за пределами редактора сценариев на странице SharePoint. ⇐ Javascript

[Гость]

Заранее прошу прощения, если разместил это не в том разделе. Я не очень хорошо знаком с HTML и почти не понимаю JavaScript.

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

Я нашел относительно простой код, использующий функцию копирования текста. Я не очень разбираюсь в JavaScript и знаю достаточно, чтобы понять, что это возможно, если я использую редактор сценариев. Что я сделал, так это проверил элемент тела текста/раздела страницы, чтобы получить необходимый код, подключить его и изменить найденный мной скопированный текстовый код.

Пример страницы SharePoint Показываю, как я получил HTML для div

Вот код, который я нашел для кнопки копирования:

.tooltip { положение: относительное; отображение: встроенный блок; } .tooltip .tooltiptext { видимость: скрыта; ширина: 140 пикселей; цвет фона: #555; цвет: #fff; выравнивание текста: по центру; радиус границы: 6 пикселей; отступ: 5 пикселей; позиция: абсолютная; z-индекс: 1; низ: 150%; осталось: 50%; поле слева: -75 пикселей; непрозрачность: 0; переход: непрозрачность 0,3 с; } .tooltip .tooltiptext::after { содержание: ""; позиция: абсолютная; верх: 100%; осталось: 50%; поле слева: -5 пикселей; ширина границы: 5 пикселей; стиль границы: сплошной; border-color: #555 прозрачный прозрачный прозрачный; } .tooltip:hover .tooltiptext { видимость: видимая; непрозрачность: 1; } Копировать в буфер обмена Копировать шаблон функция myFunction() { var copyText = document.getElementById("myInput"); копироватьТекст.выбрать(); copyText.setSelectionRange(0, 99999); navigator.clipboard.writeText(copyText.value); var Tooltip = document.getElementById("myTooltip"); Tooltip.innerHTML = "Скопировано"; } функция outFunc() { var Tooltip = document.getElementById("myTooltip"); Tooltip.innerHTML = "Копировать в буфер обмена"; } Это HTML-код элемента div, который я хочу скопировать:

Это область, из которой я хочу, чтобы кнопка копирования шаблона копировала.

Когда я проверил код, как человек, который опять же мало что знает об этом, выяснилось, что идентификатор, установленный в «myInput», является ключевой частью этого. Я попытался использовать идентификатор из найденного мной div «1212fc8d-dd6b-408a-8d5d-9f1cc787efbb», но это не сработало. Я не знал, что еще попробовать.

Моя конечная цель — разместить только элемент кнопки внутри веб-части редактора сценариев на странице SharePoint и точно узнать, как я могу ссылаться на выбранный мной элемент div, чтобы скопировать текст из этого контейнера на странице в буфер обмена. Изучение того, как это работает, позволит мне использовать эту функцию в других шаблонах, которые я планирую разместить на той же странице SharePoint.

Я разместил это на форумах Microsoft SharePoint и не получил ответов. Я предполагаю, что это произошло потому, что мне нужно было связаться с дискуссионным сообществом, которое больше интересовалось веб-элементами и кодированием, поэтому я надеюсь, что нахожусь в правильном месте.
р>
Еще раз спасибо за вашу помощь. Джейк