createAttribute()

Boa tarde
Estou estudando JavaScript, e algumas coisas que estou estudando, me fez ficar com algumas dúvidas, umas delas são:

Para que criar atributos com a função "document.createAttribute" e depois setar ele num elemento, se eu posso atribuir um valor num atributo diretamente usando style? Por Exemplo

Acessando a função style, é colocando uma borda:

var div = document.getElementsByTagName("div").item(0);
div.style.border = "2px dotted yellow";

O mesmo resultado de cima, só que criando um atributo primeiro com a função createAttribute() e depois setando ele no elemento:

var div = document.getElementsByTagName("div").item(0);
var atributo = document.createAttribute("style");
atributo.value = "border:2px dotted yellow";
div.setAttributeNode(atributo);

Qual a diferenças dos dois modos que implementei no exemplos acima, se ambos tem o mesmo resultado? Quando é, que eu uso a função createAttribute()?