To add a Boolean attribute: node.setAttribute(attributeName, ”); // example: document.body.setAttribute(‘hidden’, ”); Note the empty string as the second argument! Use node.removeAttribute(attributeName) to remove an attribute as mentioned by others.
Just iterate over the child nodes and concatenate text nodes: var el = document.getElementById(“your_element_id”), child = el.firstChild, texts = []; while (child) { if (child.nodeType == 3) { texts.push(child.data); } child = child.nextSibling; } var text = texts.join(“”);
Setting the value is normally used for input/form elements. innerHTML is normally used for div, span, td and similar elements. value applies only to objects that have the value attribute (normally, form controls). innerHtml applies to every object that can contain HTML (divs, spans, but many other and also form controls). They are not equivalent … Read more
You are right there is no easy or built-in way to get the size of a particular select option. Here is a JsFiddle that does what you want. It is okay with the latest versions of Chrome, Firefox, IE, Opera and Safari. I have added a hidden select #width_tmp_select to compute the width of the … Read more
I’ve been using a helpful addition to jasmine called jasmine-jquery available on github. It gives you access to a number of useful extra matcher functions, to assert jquery objects and their properties. In particular the features I have found useful so far are asserting on attributes of dom elements, and spying on events such as … Read more
While DocumentFragment does not support innerHTML, <template> does. The content property of a <template> element is a DocumentFragment so it behaves the same way. For example, you can do: var tpl = document.createElement(‘template’); tpl.innerHTML = ‘<tr><td>Hello</td><td>world</td></tr>’; document.querySelector(‘table’).appendChild(tpl.content); The above example is important because you could not do this with innerHTML and e.g. a <div>, because … Read more
Right click on DOM element > Break on > Attributes Modifications Via #3 in https://elijahmanor.com/blog/7-chrome-tips-developers-designers-may-not-know
empty() will empty the selection of its contents, but preserve the selection itself. remove() will empty the selection of its contents and remove the selection itself. Consider: <div> <p><strong>foo</strong></p> </div> $(‘p’).empty(); // –> “<div><p></p></div>” // whereas, $(‘p’).remove(); // –> “<div></div>” Both of them remove the DOM objects and should release the memory they take up, … Read more
Basically, you want to loop through each direct descendent of the old-parent node, and move it to the new parent. Any children of a direct descendent will get moved with it. var newParent = document.getElementById(‘new-parent’); var oldParent = document.getElementById(‘old-parent’); function move() { while (oldParent.childNodes.length > 0) { newParent.appendChild(oldParent.childNodes[0]); } } #old-parent { background-color: red; } … Read more
I believe that the intention of AngularJS inputs and the ngModel direcive is that invalid input should never end up in the model. The model should always be valid. The problem with having invalid model is that we might have watchers that fire and take (inappropriate) actions based on invalid model. As I see it, … Read more