hey all,
i'm very new to DOM and javascripting. I found a tutorial somewhere and i was playing around with it but it got stuck on getting the value of a node that i just append at the end. It returns me an empty string when i try to get the node value. I've looked around but no luck making my code work. Any help will be appreciated, thanking in advance! Please see the code below - <html>
-
<head><title>JavaScript</title>
-
</head>
-
-
<body>
-
<div style='position:absolute; width:150px; height:100px;overflow:auto' id = 'scroll_text'> </div>
-
<script language='javascript'>
-
-
function move_up() {
-
-
var mycars = new Array()
-
mycars[0] = "Saab"
-
mycars[1] = "Volvo"
-
mycars[2] = "BMW"
-
-
var obj = document.getElementById("scroll_text")
-
-
for (i=0;i<mycars.length;i++)
-
{
-
var mytext=document.createTextNode(mycars[i] + " ")
-
-
obj.appendChild(mytext)
-
-
}
-
-
alert(obj.firstChild.nodeType)
-
var ochildNodes = obj.childNodes
-
var len = ochildNodes.length
-
alert(len)
-
-
alert(obj.firstChild.nodeValue) // the following line returns an empty string
-
-
//]ultimately i would like to do this
-
//obj.firstChild.style.backgroundColor="#0000FF"
-
}
-
move_up()
-
</script>
-
</body>
-
</html>
5  1681 
Heya, msalman. Welcome to TSDN!
Hint: obj.firstChild.nodeValue is a space character, not an empty string ~_^
Heya, msalman. Welcome to TSDN!
Hint: obj.firstChild.nodeValue is a space character, not an empty string ~_^
hmm, that's interesting. could you please explain why? Is it because that the inital value inside div is a space character? How can i change the background color of a specific child node because the following code of line doesn't work - ochildNodes[0].style.backgroundColor="#0000FF"
thank you
hmm, that's interesting. could you please explain why? Is it because that the inital value inside div is a space character?
In short, yes.
How can i change the background color of a specific child node because the following code of line doesn't work
- ochildNodes[0].style.backgroundColor="#0000FF"
thank you
You can't change the text node, but you can add say, a span, and then seting the background colour to that, e.g. - var span = document.createElement("span");
-
span.appendChild(mytext);
-
obj.appendChild(span);
-
then - ochildNodes[1].style.backgroundColor="#0000FF"
In short, yes.
You can't change the text node, but you can add say, a span, and then seting the background colour to that, e.g.
- var span = document.createElement("span");
-
span.appendChild(mytext);
-
obj.appendChild(span);
-
then - ochildNodes[1].style.backgroundColor="#0000FF"
thanks for the help, it worked
No problem, you're welcome. Post again any time if you have more problems.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Tim:.. |
last post by:
Hi
Possibly a very simple question but how do I get a value out of an XML document so I can play with it in ASP
E.G: <Name>Tom</Name
How do I pull the work tom into asp
Thanks
|
by: gor |
last post by:
I would like to find out how javascript can change some text (string)
inside <DIV> tag with event onClick.
That i want to solve with function callWrite(); ... so you can see in
the code. The thing...
|
by: Eirik M. |
last post by:
Can anyone from M$ or anyone else for that matter explain to me the
reasoning behind the intended usage for this property? I was quite surprised
to find that this property may be null depending on...
|
by: Kent Boogaart |
last post by:
Hi,
One day I will fully understand XML namespaces and much happiness and
partying will ensue. Until then, I must pick the brains of those in the
know...
If I have an XmlNode and I want to...
|
by: Jon Paal |
last post by:
looking for insight on how to make this javascript solution firefox compatible.
http://www.codeproject.com/useritems/HTMLFixedHeaders.asp
any tips / insight would be helpful
|
by: Saurabh |
last post by:
Hi,
my xml is:
<ROOT>
<FILE NAME="filename">CDATA</FILE>
</ROOT>
this xml is argument to a function in C#.
i want to get the filename in a string variable.
how do i do it???...
|
by: gk |
last post by:
XML
======
<bookstore>
−
<book category="COOKING">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
|
by: andy |
last post by:
say i currently have xml like so...
<node>
<Date>20080507</Date>
<ChildNode />
<ChildNode />
</node>
<node>
<Date>20080507</Date>
<ChildNode />
|
by: akshaycjoshi |
last post by:
I have got one treeview contol in which i create nodes dynamically.
I want to set a tool tip for each of the node created.
I went throught this tutorial
How to add a ToolTip to a TreeNode in...
|
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,...
|
by: aa123db |
last post by:
Variable and constants
Use var or let for variables and const fror constants.
Var foo ='bar';
Let foo ='bar';const baz ='bar';
Functions
function $name$ ($parameters$) {
}
...
|
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...
|
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
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
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,...
|
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...
| |
