473,387 Members | 1,569 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > javascript > questions > accessing subelement content in javascript

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Accessing subelement content in javascript

P G
Hi all,
I am a newbie to javascript. Please help me with this....

I have problem accessing subelement tag content from parent tag in
javascript. I would like to change the color of text from red to blue.
In the following code, I am able to set the visibility but not the
color. Please make any suggestions.

<HEAD>
<script language="JavaScript">
function setColor(id) {
if (document.all) { // IE 4+
document.all[id].style.visibility="visible";
document.all[id].nobr.a.style.color = "blue";
}
</script>
</HEAD>
<BODY>
<div class="TEST" id="menu1" style="top: 50px" title="Test">
<nobr><a style="color: 'red'" onClick="setColor('menu1');" href="#"
target="content">test</a></nobr>
</div>
</BODY>

Thanks
PG
Jul 20 '05 #1
1 5372

"P G" <Pr***********@gmacm.com> schreef in bericht
news:c4**************************@posting.google.c om...

<script language="JavaScript">
function setColor(id) {
if (document.all) { // IE 4+
document.all[id].style.visibility="visible";
document.all[id].nobr.a.style.color = "blue";
}
</script>


This could be:

function setColor(id) {
if (document.all) { // IE 4+
document.all[id].style.visibility="visible";
document.all[id].childNodes[0].childNodes[0].style.color = "blue";
}
}

But preferably:

function setColor(id) {
if (document.getElementById) {
document.getElementById(id).style.visibility="visi ble";
document.getElementById(id).childNodes[0].childNodes[0].style.color =
"blue";
}
}

Reason: This way it will work in more browsers then just IE.

Another way is to pass the object instead of the id. This way your code will
be shortened:

function setColor(obj) {
obj.parentNode.parentNode.style.visibility="visibl e";
obj.style.color = "blue";
}

.....
<div class="TEST" id="menu1" style="top: 50px" title="Test">
<nobr><a style="color:red" onClick="setColor(this);" href="#"
target="content">test</a></nobr></div>

BTW, a style property's value doesn't need to be enclosed by quotes. Simply
'color:red' will do as you can see.

Last but not least, you can also set the color in the onclick handler:

<a style="color:red" onClick="style.color='blue'" href="#"
target="content">test</a>
Goodluck!
JW

Jul 20 '05 #2
New Post

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
Accessing DOM elements in an embedded doc
by: Julius Mong | last post by:
Dear all, I have something like this: <html... > <embed ...> </html> Am I out of luck if I wanted to access the embedded DOM and manipulate its content? Or if I have:
.NET Framework
4
Spurious security error when accessing pop-up data
by: KKramsch | last post by:
My code is generating this type of error: Security Error: Content at http://nonexistent.org/somepage.html may not load data from about:blank. The "about:blank" page mentioned in the error...
Javascript
2
accessing content of an <IFRAME>
by: Richie | last post by:
I have a situation where I'd like to read/parse the content of a file I've read into an <IFRAME>. I've looked through various FAQs and searched forums, and the closest I get to accessing the file...
Javascript
6
accessing form data from javascript
by: Chris Styles | last post by:
Dear All, I've been using some code to verify form data quite happily, but i've recently changed the way my form is structured, and I can't get it to work now. Originally : The form is...
Javascript
2
Understanding the arguments for SubElement factory in ElementTree
by: mirandacascade | last post by:
Can the **extra argument in the SubElement() factory in ElementTree be used to set the text property? Example: Want the text associated with the <subroot> tag to be xyz. <root>...
Python
0
Safety settings on this computer prohibit accessing a data source on another domain
by: sonu | last post by:
I have following client side code which i have used in my asp.net project SummaryFeatured Resources from the IBM Business Values Solution Center WHITEPAPER : CRM Done Right Improve the...
.NET Framework
0
Accessing the properties of a checkbox within a repeater
by: Keith | last post by:
I have a repeater control that contains a HeaderTemplate and an ItemTemplate. Each item contains a checkbox with an ID of chkReconciled, and the header contains a single checkbox with an ID of...
Visual Basic .NET
0
Accessing checkbox properties in a repeater control
by: Keith | last post by:
I have a repeater control that contains a HeaderTemplate and an ItemTemplate. Each item contains a checkbox with an ID of chkReconciled, and the header contains a single checkbox with an ID of...
Visual Basic .NET
2
Javascript /CSS code accessing DOM objects introduced via PHP include
by: William van Zwanenberg | last post by:
Hi there, I wonder if you guys can help. I'm currently experiencing some coding problems what with trying to use PHP and javascript in tandem. What I'm ultimately trying to achieve is use...
PHP
0
Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
General
0
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
0
Migrating Website to Cloud - Emmanuel Katto
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
General
0
BarryA
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
1
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
0
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
0
marktang
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
0
Oralloy
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++
0
jinu1996
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

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!