Изменение в style.css

@Artemiy70969 · Регистрация: 21.12.2019

Студворк — интернет-сервис помощи студентам

Всем привет. Нужна помощь. Нужно изменить свойство в файле стилей через js например background. Искал в гугле, но ничего рабочего не нашел. Как можно это реализовать?

@Asiman · 05.01.2020, 01:12

Не нашли, потому что нужно менять не в файле стилей, а для элемента:

JavaScript
1
2
3
4
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";
document.getElementById("id").style.background = "#f3f3f3";
$("#id").css("background ", "#f3f3f3");
$(".class").css("background ", "#f3f3f3");

Qwerty_Wasd · 05.01.2020, 01:29

Artemiy70969, пока что доступ к файловой системе у каждого клиента находится в экспериментальном состоянии. То есть Вы должны понимать, что не каждый браузер выполнит скрипт при использовании соответствующих api.

Вы можете ознакомиться с ними -
https://developer.mozilla.org/... ntries_API
https://wicg.github.io/entries-api/

А здесь Вы сможете отыскать, под литерой F, все доступные интерфейсы этих апи - https://wiki.developer.mozilla... Interfaces

Простой пример как открыть файл и сделать запись. Для данного примера предполагается наличие искомого файла в одном каталоге со страницей(либо он будет создан) - смотрим код. Но как я уже писал выше - все это находится в экспериментальном состоянии. И пока разрабы не придумают как обезопасить юзверей как минимум от них самих - самый вероятный исход => исключение в консоли, которое сообщит Вам о нарушении безопасности ФС- смотрим скрин.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
 
<body>
    <script>
        let opFSwrite = {
            geterr: e => console.log('Error', e),
            initFS: fs => {
                fs.root.getFile(`log.txt`, { create: true }, fileEntry => {
                    fileEntry.createWriter(fileWriter => {
                        fileWriter.onwriteend = () => console.log('Write completed.');
                        fileWriter.onerror = e => console.log('Write failed: ' + e.toString());
                        let bb = new BlobBuilder();
                        bb.append('Lorem Ipsum');
                        fileWriter.write(bb.getBlob('text/plain'));
                    }, opFSwrite.geterr);
                }, opFSwrite.geterr);
            },
        };
        navigator.webkitPersistentStorage.requestQuota(
            1024 * 1024,
            grantedBytes => window.webkitRequestFileSystem(PERSISTENT, 1024 * 1024, opFSwrite.initFS, opFSwrite.geterr),
            opFSwrite.geterr
        );
    </script>
</body>
 
</html>

@Artemiy70969 · 05.01.2020, 20:36 **[ТС]**

Asiman, Спасибо, помогло через document.getElementById().style.

Qwerty_Wasd, Я так понимаю, что вы показали мне как работать именно с файловой системой.

Qwerty_Wasd · 06.01.2020, 00:02

Не по теме:

Artemiy70969, да, показалось запрос именно таков ) Мало ли зачем понадобилось. Если же ответ Asiman Вас устроил - отметьте его пост как решение.

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Artemiy70969 0 / 0 / 0 Регистрация: 21.12.2019 Сообщений: 9

	Изменение в style.css 04.01.2020, 22:32. Показов 1606. Ответов 4 Метки нет (Все метки) Всем привет. Нужна помощь. Нужно изменить свойство в файле стилей через js например background. Искал в гугле, но ничего рабочего не нашел. Как можно это реализовать? 0

@Artemiy70969 0 / 0 / 0 Регистрация: 21.12.2019 Сообщений: 9
	05.01.2020, 20:36 [ТС]
	Asiman, Спасибо, помогло через document.getElementById().style. Qwerty_Wasd, Я так понимаю, что вы показали мне как работать именно с файловой системой. 0

Qwerty_Wasd
	06.01.2020, 00:02
	Не по теме: Artemiy70969, да, показалось запрос именно таков ) Мало ли зачем понадобилось. Если же ответ Asiman Вас устроил - отметьте его пост как решение. 0

Изменение в style.css

Решение