setattribute

So I'm learning to manipulate the DOM and I noticed one interesting thing: Let's say I want to set the name attribute of an element by using the "." dot notation: element.name = "someName"; console.log(document.getElementsByName("someName")[0]); // returns "undefined"?? However if I use the document.setAttribute() method, it works fine: element.setAttribute("name", "someName"); console.log(document.getElementsByName("someName")[0]); // returns the element like it should. Not sure why the dot notation method doesn't work in the first case. Why does this happen? My guess (because you didn't

I have read a number of posts about this but none with any solid answer. Here is my code: // button creation onew = document.createElement('input'); onew.setAttribute("type", "button"); onew.setAttribute("value", "hosts"); onew.onclick = function(){fnDisplay_Computers("'" + alines[i] + "'"); }; // ie onew.setAttribute("onclick", "fnDisplay_Computers('" + alines[i] + "')"); // mozilla odiv.appendChild(onew); Now, the setAttribute() method (with the mozilla comment) works fine in mozilla but only if it comes AFTER the line above it. So in other words it seems to just default to whichever gets

I have literally read every stackoverflow thread regarding changing the video tag source dynamically via javascript in IE9, including the useful but not agreed upon posts here and here , but do feel like there is another solution. Here is the very basic example of what I'm trying to do: var video = document.getElementById('video'); //now, use either of the lines of code below to change source dynamically video.src = "nameOfVideo"; //or use... video.setAttribute("src", "nameOfVideo"); Both of these lines of code are hated thoroughly by Internet Explorer, notably because the src is most