New To Dom Scripting, having some issues

192 Expert 100+

The script I'm trying to write has no real world use, I'm just practicing on working with nodes etc.... The html markup is simple, just a div and a button, when you click the button, a text node is appended to the div, and the button is removed, a new button is added. the new button has setAttribute("onclick","remove()") which removes the text node written to the screen with the previous button click. This works as expected in Firefox, while IE will add the new text node, create the new button, but the remove() function is not run when the button is clicked. Viewing the current DOM does show the onclick=remover() however. The main html markup and javascipt is below:

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript" language="javascript">

function main(){

var main      = document.getElementById("main");

var bld        = document.createElement("h1");

bld.setAttribute("id","bigText");
 
bld.appendChild(document.createTextNode("Greg is Great"));

main.appendChild(bld);
 
var input    = document.getElementById("mybutton");

input.parentNode.removeChild(input);
 
var newbutton= document.createElement("input");

newbutton.setAttribute("type","button");

newbutton.setAttribute("value","Remove Text");

newbutton.setAttribute("onclick","remove()");

newbutton.setAttribute("id","mybutton");
 
main.appendChild(newbutton);

}
 
function remove(){

var bigText = document.getElementById("bigText");

bigText.parentNode.removeChild(bigText);
 
var input    = document.getElementById("mybutton");

input.parentNode.removeChild(input);
 
var newbutton2= document.createElement("input");

newbutton2.setAttribute("type","button");

newbutton2.setAttribute("value","Click Me");

newbutton2.setAttribute("onclick","main()");

newbutton2.setAttribute("id","mybutton");
 
var main = document.getElementById("main");

main.appendChild(newbutton2);
 
}

</script>

<title></title>

</head>

<body>

     <div id='main'></div>

<input id='mybutton' type='button' onClick='main()' value="Click Me"/>

<a onClick="javascript:objWin=window.open('','objWin','width=600,height=450,scrollbars=yes,resizable=yes');objDoc=objWin.document;objDoc.open('text/plain');objDoc.write(document.documentElement.outerHTML);objDoc.close();">View current DOM</a>

</body>

</html>

The HREF in the html above is just used to view the current state of the dom. It helps a newbie like me. After reading a bit on this board I've realized that there are probably easier ways of doing things, but Im just trying to get my head around "Traversing the DOM". Thanks for any help anyone can give me.

Greg

Sep 2 '06 #1

Subscribe Post Reply

2003

acoder

16,027

Expert Mod 8TB

You can't use setAttribute to set onclick in IE. Try this instead:

Expand|Select|Wrap|Line Numbers

newbutton.onclick=remove;

Nov 5 '07 #2

by: Edward K. Ream | last post by:

I would like to say a few (actually more than a few) words here about some recent discoveries I have made concerning the interaction of Leo and Python. If you don't want to hear an inventor enthuse...

Python

scripting languages vs statically compiled ones

by: Ajay | last post by:

hi! is there an authoritative source on the performance of scripting languages such as python vs. something like java, c, c++. its for a report, so it would be awesome if i could quote some...

Python

Another scripting language implemented into Python itself?

by: Quest Master | last post by:

I am interested in developing an application where the user has an ample amount of power to customize the application to their needs, and I feel this would best be accomplished if a scripting...

Python

Abysmal performance of Scripting.Dictionary object on 2003 server

by: Rodd Snook | last post by:

I have an application which makes extensive use of the Scripting.Dictionary object. I'm not doing anything silly like putting them outside the page scope -- just creating quite a few of them and...

ASP / Active Server Pages

Scripting XML?

by: Vijai Kalyan | last post by:

Hello All, I have a few questions which you might seem irrelavant and/or foolish. I am asking anyway so I can find out. 1. Is XSL as powerful as a programming language such as Java in its...

.NET Framework

HTML generation with PL/PgSQL

by: Birahim FALL | last post by:

Hi, I'm very fresh to PostgreSQL, coming from Oracle. I want to developp web applications based on apache and postgresql. Is there an equivalent of OWA server (Oracle Web Application server) for...

PostgreSQL Database

Microsoft Scripting Runtime Reference

by: Karl Irvin | last post by:

To use the Textstream object, I had to set a Reference to the Microsoft Scripting Runtime. This works good with A2000 Is the Scripting Runtime included with A2002 and A2003 so the Reference...

Microsoft Access / VBA

Cross-Site Scripting...

by: Scott M. | last post by:

How can I disable the cross-site scripting check for one particular page of a site?

ASP.NET

Cross-Domain-Scripting

by: torsten.reiners | last post by:

Hi, We try to implement a "web-application" where we have to access a general web-site -- loaded into a frame -- from another frame using JavaScript. We know that there are security issues...

Javascript

Scripting.FileSystemObject (Problem with Windows 2003 R2)

by: Michael Kintner | last post by:

Strange thing happening with Windows 2000 to Windows 2003 R2 This ASP script below is sitting on a Windows 2000 IIS Server Box and the fldr was pointing to \\Bradford2\temp which was a Windows...

ASP / Active Server Pages

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

New To Dom Scripting, having some issues

Similar topics