dom-manipulation

In Angular 1 all DOM manipulation should be done in directives to ensure proper testability, but what about Angular 2? How has this changed? I've been searching for good articles or any information at all about where to put DOM manipulation and how to think when doing it, but I come up empty every time. Take this component for example (this is really a directive but let's pretend that it's not): export class MyComponent { constructor(private _elementRef: ElementRef) { this.setHeight(); window.addEventListener('resize', (e) => { this.setHeight(); }); } setHeight() { this._elementRef

Imagine: <div id="old-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> <div id="new-parent"></div> What JavaScript can be written to move all the child nodes (both elements, and text nodes) from old-parent to new-parent without jQuery? I don't care about whitespace between nodes, though I expect to catch the stray Hello World , they would need to be migrated as-is too. EDIT To be clear, I want to end up with: <div id="old-parent"></div> <div id="new-parent"> <span>Foo</span> <b>Bar</b> Hello World </div> The answer of the question from which this is a proposed duplicate would result in:

I've got this select element with different option in it. Normally the select element would get its width from the biggest option element, but I want the select element to have the default option value's width which is shorter. When the user selects another option , the select element should resize itself so the whole text is always visible in the element. $(document).ready(function() { $('select').change(function(){ $(this).width($('select option:selected').width()); }); }); Problem: On Chrome (Canary) it always gets a width returned of 0. On Firefox the width get's added and not resized when

I'm just trying to do this from the chrome console on Wikipedia. I'm placing my cursor in the search bar and then trying to do document.activeElement.innerHTML += "some text" but it doesn't work. I googled around and looked at the other properties and attributes and couldn't figure out what I was doing wrong. The activeElement selector works fine, it is selecting the correct element. Edit : I just found that it's the value property. So I'd like to change what I'm asking. Why doesn't changing innerHTML work on input elements? Why do they have that property if I can't do anything with it?