appendchild

I am at a loss as to why the following is not working. HTML: ... <div class="col2"> <h2>Your Groups</h2> <input type="submit" id="addnew" class="btn btn-primary" value="Create New Group"/> <div id="parent"> <!--new div here--> </div> </div> ... Javascript: document.getElementById('addnew').onclick = function(){ var parent = document.getElementById('parent'); var newGroup = document.createElement("div"); newGroup.setAttribute("id", "newGroup"); newGroup.setAttribute("class", "inner"); parent.appendChild(newGroup); }; Thank you in advance for your help. Your code is working (assuming your JS is

I'll illustrate with an example: I need to convert the following html with javascript <a>Text 1</a> <a>Text 2</a> <a>Text 3</a> ... to code <a><input/>Text 1</a> <a><input/>Text 2</a> <a><input/>Text 3</a> ... I don't have a clue how to achieve that with createElement, appendChild or insertBefore/After. .insertBefore, and .firstChild You could insert your new input element before the first child of each anchor: // Gather up a reference to all anchors var anchors = document.getElementsByTagName("a"), inputEl; // Cycle over all of them for ( var i = 0; i < anchors.length; i++ ) { // Create a new

I have this code: function setupProject($projectFile) { [xml]$root = Get-Content $projectFile; $project = $root.Project; $beforeBuild = $root.CreateElement("Target", ""); $beforeBuild.SetAttribute("name", "BeforeBuild"); $beforeBuild.RemoveAttribute("xmlns"); $project.AppendChild($beforeBuild); $root.Save($projectFile); } It should add a new <Target name="BeforeBuild" /> to the XML document. But it also adds an empty xmlns="" attribute which I don't want. (It's actually Visual Studio which doesn't like this attribute!) <Target name="BeforeBuild" xmlns="" /> I've already tried this code: