I'm writing an IE6.0 application where it is necessary to cross-reference footnote markers in text with the footnotes, shown as items in an ordered list. Has anyone found an easy way of getting value of the number next to the list item for future reference? the Value proeprty just returns 0.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Retrieving Value property of <LI> element in DHTML
- Thread starter muesli
- Start date
theocraticmind
Programmer
i'm not sure i know what you mean...do you want the text inside the <li> tag? if so this should work:
<li id="li1">text</li>
<script>
document.getElementById('li1').innerHTML
</script>
<li id="li1">text</li>
<script>
document.getElementById('li1').innerHTML
</script>
- Thread starter
- #3
No, sorry. Having created the list item, I'm trying to find out what number the browser has assigned to it, i.e. 1, 2, 3 or even i, ii, iii, iv etc. I need to dynamically add footnotes in my app, and update the corresponding numbers in the body of the text. It is a pain.
NEVERSLEEP
Programmer
<div id="divid">
x number of <li> tags
</div>
<script language="javascript" type="text/javascript">
var tag;
tag = document.getElementById('divid').getElementsByTagName('li');
// tag is a arrays of all li inside call the last one like this
tag[tag.length - 1] ---------------------------------------
someone knowledge ends where
someone else knowledge starts
x number of <li> tags
</div>
<script language="javascript" type="text/javascript">
var tag;
tag = document.getElementById('divid').getElementsByTagName('li');
// tag is a arrays of all li inside call the last one like this
tag[tag.length - 1] ---------------------------------------
someone knowledge ends where
someone else knowledge starts
- Thread starter
- #5
NEVERSLEEP
Programmer
is the content always the came ?
if so can u give me the content of this wanted <li> ? ---------------------------------------
someone knowledge ends where
someone else knowledge starts
if so can u give me the content of this wanted <li> ? ---------------------------------------
someone knowledge ends where
someone else knowledge starts
- Thread starter
- #7
say something along the lines of
<OL>
<LI> This is the first footnote</LI>
<LI> This is the second footnote</LI>
</OL>
would give
1. This is the first footnote
2. This is the second footnote
It's the '1' and the '2' for the respective items is what I'm after.
<OL>
<LI> This is the first footnote</LI>
<LI> This is the second footnote</LI>
</OL>
would give
1. This is the first footnote
2. This is the second footnote
It's the '1' and the '2' for the respective items is what I'm after.
NEVERSLEEP
Programmer
<html><head>
<script language="javascript" type="text/javascript">
function is_this_what_u_want() {
var tag;
tag = document.getElementById('divid').getElementsByTagName('li');
// remember 0 call the 1st element and so on
// so now "This is the first footnote" is the tag[0]
// lets append to hit for fun
tag[0].appendChild(document.createTextNode(' plus this text lol'));
}
</script>
</head><body>
<div id=divid>
<OL>
<LI> This is the first footnote</LI>
<LI> This is the second footnote</LI>
</OL>
</div>
<a href="javascript:is_this_what_u_want()">test it</a>
</body></html> ---------------------------------------
someone knowledge ends where
someone else knowledge starts
<script language="javascript" type="text/javascript">
function is_this_what_u_want() {
var tag;
tag = document.getElementById('divid').getElementsByTagName('li');
// remember 0 call the 1st element and so on
// so now "This is the first footnote" is the tag[0]
// lets append to hit for fun
tag[0].appendChild(document.createTextNode(' plus this text lol'));
}
</script>
</head><body>
<div id=divid>
<OL>
<LI> This is the first footnote</LI>
<LI> This is the second footnote</LI>
</OL>
</div>
<a href="javascript:is_this_what_u_want()">test it</a>
</body></html> ---------------------------------------
someone knowledge ends where
someone else knowledge starts
- Status
Similar threads
- Locked
- Question
- Locked
- Question