Форум

Sergey1986 · #1 (**permalink**) 20.03.2018, 01:09

Всем добра!
Не могу сообразить как удалить стили у body и html

если в css у них прописано
body {
margin: 0;
padding: 0;
height: 100%;
}

html {
height: 100%;
min-width: 1300px;
}

Заранее спасибо!

j0hnik · #2 (**permalink**) 20.03.2018, 02:25

удалять, если стили присутствуют все стили у обоих элементов?
у каждого по отдельности, или если значение конкретно свойства равно то удаляем свойство?

Sergey1986 · #3 (**permalink**) 20.03.2018, 23:43

у убоих) можно и потельнсти

Белый шум · #4 (**permalink**) 21.03.2018, 04:22

Удалить нельзя, можно только переназначить на дефолтные значения:

<script>
document.body.style.margin = '8px';
// и т.д. для всех стилей.
</script>

рони · #5 (**permalink**) 21.03.2018, 08:45

Сообщение от Белый шум

Удалить нельзя,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 body {
 margin: 0;
 padding: 0;
 height: 100%;
 background-color: #FF0000;
 }

  </style>

  <script>
  window.setTimeout(function() {
    document.styleSheets[0].deleteRule(0)
},2000)
  </script>
</head>

<body>


</body>
</html>

Белый шум · #6 (**permalink**) 21.03.2018, 11:01

Век живи - век учись

j0hnik · #7 (**permalink**) 21.03.2018, 12:19

по теме

<!DOCTYPE html>
<html>
<head>
	<title>Untitled</title>
	<meta charset="utf-8">
	<style type="text/css">

	body {
		margin: 0;
		padding: 0;
		height: 100%;
	}

	html {
		height: 100%;
		min-width: 1300px;
	}
</style>
</head>
<body>
	<script>
		[['body',[['margin','0px'],['padding','0px'],['height','100%']]],
		['html',[['height', '100%'],['minWidth', '1300px']]]].forEach(el=>{
			var style = document.styleSheets, rules = style[style.length-1].rules,
			ind = [].findIndex.call(rules, rule => rule.selectorText == el[0]),
			prop = style[0].rules[ind].style;
			if(el[1].every(el=>prop[el[0]] == el[1])) document.styleSheets[0].deleteRule(ind);
		});
	</script>
</body>
</html>

Sergey1986 · #8 (**permalink**) 28.03.2018, 16:38

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript