Remove style with JavaScript

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 423,995 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 4,171 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 12428 | Replies: 3

Previous Post in Thread

Next Post in Thread

•

Join Date: Mar 2005

Location: Ottawa, Ontario, Canada

Posts: 959

Reputation: belama is an unknown quantity at this point

Rep Power: 5

Solved Threads: 2

belama

Offline

Posting Shark

Remove style with JavaScript

Mar 8th, 2005

Hey all,

I am trying to remove some style from a table cell with JavaScript but it is not working as I wish it would. As you can see in the code below I am trying to remove all borders from cells that are dotted. If I use the following code, all borders will change to “medium none�?. From this…

Help with Code Tags

(Toggle Plain Text)

style="BORDER-RIGHT: dotted; BORDER-TOP: dotted; BORDER-LEFT: dotted; BORDER-BOTTOM: dotted "

To that…

Help with Code Tags

(Toggle Plain Text)

style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none"

I would like it to remove all border styles without removing any other styles if there are any. If there is a width style it would end up like this:

Help with Code Tags

(Toggle Plain Text)

style=�?WIDTH: 100px�?

The code to change is commented.

Help with Code Tags

(Toggle Plain Text)

function SetupForHTML()
{
	var TE = document.getElementById('TextEditor');
	var TEcn=TE.children;
	var i;
	for (i=0;i<TEcn.length;i++) 
	{
		a(TEcn[i]);
	}
}

function a(TEcn)
{
	if (TEcn.nodeName.toLowerCase() == "td")
	{
		if (TEcn.style.borderBottom == "dotted")
//			TEcn.style.borderBottom = "";
		if (TEcn.style.borderTop == "dotted")
//			TEcn.style.borderTop = "";
		if (TEcn.style.borderLeft == "dotted")
//			TEcn.style.borderLeft = "";
		if (TEcn.style.borderRight == "dotted")
//			TEcn.style.borderRight = "";
	}
	
	var TEchildren=TEcn.children;
	var j;
	for (j=0;j<TEchildren.length;j++) 
	{
		a(TEchildren[j]);
	}
}

Anyone can help me?

TIA

Mat