getElementsByTagName() returns a list of elements with the given tag name, so you need to access the element inside this list using []
:
var effectData = document.getElementById("effects-list").getElementsByTagName("li")[0];
If you're looking for jQuery solution, you can use .data():
var creative = $('#effects-list').find('li').data('creative');