Edit in JSFiddle

// id가 msg1인 요소에 대해서 하나하나씩 스타일을 지정해주는 방법.
var e = document.getElementById('msg1'); 
e.style.color = 'red';
e.style.fontWeight = 'bold';
e.style.background = 'green';
e.style.fontSize = '24px';
e.style.border = '8px solid orange';

console.log(e.style.border); // 현태 설정되어 있는 값을 알 수 있다. 

// id가 msg2인 요소에 대해서 스타일을 한꺼번에 지정(스타일 이름은 class이다.).
var a = document.getElementById('msg2');
a.className = 'myStyle';

// 태그의 이름을 이용해서 해당되는 모든 태그에 스타일을 지정하는 방법.
var b = document.getElementsByTagName('h1');
for(i=0; i<b.length; i++){
	b[i].style.background="yellow";
}

// 태그의 이름을 이용해서 해당 태그중의 일부분에만 스타일을 지정하는 방법.
var l = document.getElementsByTagName('li');
l[1].style.background="red";

<style>
	.myStyle{
	color: white;
	font-weight: bold;
	background : black;
	}
</style> 

<body>
	<h1>Studying JavaScript1111</h1>
	<h1>Studying JavaScript2222</h1>
	
	<div id="msg1">Hello!</div>
	<div id="msg2">Hello Hello!!</div>
	
	<ul id="myList">
		<li>One</li>
		<li>Two</li>
		<li>Three</li>	
	</ul>
</body>