<div>
11
<ul>
<li>1</li>
<ul onmouseout="aa(this)"> <li>33</li></ul>
<li>2</li>
</ul>
</div>
<SCRIPT type=text/javascript>
function aa(obj)
{
alert(objparentNodeparentNodepreviousSiblingdata);//第一个11
alert(objpreviousSiblingdata);//第二个1
alert(objchildNodes[0]innerText);//第三个33
alert(objparentNodenextSiblinginnerText);//第四个2
}
</SCRIPT>
Js代码 收藏代码
var Cts = "bblText";
if(CtsindexOf("Text") > 0 )
{
alert('Cts中包含Text字符串');
}
indexOf用法:
返回 String 对象内第一次出现子字符串的字符位置。
strObjindexOf(subString[, startIndex])
参数
strObj
必选项。String 对象或文字。
subString
必选项。要在 String 对象中查找的子字符串。
starIndex
可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。
说明
indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。
如果 startindex 是负数，则 startindex 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引。
从左向右执行查找。否则，该方法与 lastIndexOf 相同。
示例
下面的示例说明了 indexOf 方法的用法。
function IndexDemo(str2){
var str1 = "BABEBIBOBUBABEBIBOBU"
var s = str1indexOf(str2);
return(s);
}
对于JavaScript的indexOf忽略大小写
JavaScript中indexOf函数方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。如果 startindex 是负数，则 startindex 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引。
indexOf函数是从左向右执行查找。否则，该方法与 lastIndexOf 相同。
下面的示例说明了indexOf函数方法的用法。
Js代码 收藏代码
function IndexDemo(str2){
var str1 = "BABEBIBOBUBABEBIBOBU"
var s = str1indexOf(str2);
return(s);
}
1楼正解 我替楼主试过了
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = documentgetElementById('parent');
var lis = ulgetElementsByTagName('li');
for(var i=0;i<lislength;i++){
lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>
</html>
<input type="text" name="haha" id="haha" value="">你把想要得到的value所在的id值给他就行documentgetElementById('haha')value;，那个值就有了
整体思路：可以用for循环去遍历<ul>下的所有<li>；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。
html代码部分：
新建一个ul无序列表，并赋予id值，如：
<ul class="UL" id="UL">
<li>1111111</li>
<li>2222222</li>
<li>3333333</li>
<li>4444444</li>
</ul>
css部分：
接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框，如：
UL{display:block; width:100px; text-align:center; margin:20px auto;}
UL li{display:block; line-height:30px; cursor:pointer; border:1px dashed red;}
最后是JS代码部分：
//定义ul的悬浮函数
documentgetElementById("UL")onmouseover = function(e){
var target = etarget; //获取对应目标元素
var children = thischildren; //获取ul里面的所有li元素集合
for(i = 0;i<childrenlength;i++){
if(target == children[i]) { //对比目标元素和li集合元素
alert("目标元素的下标为：" + i); //输出目标元素的下标
return;
}
}
};
最后用浏览器打开该html文件，鼠标悬浮到li上面的时候，就会输出对应li的下标，比如鼠标覆盖在第3个li上面，即 <li>3333333</li>上面时，效果图如下：
以上就是关于js 如何获取 UL外面的LI的内容全部的内容，包括:js 如何获取 UL外面的LI的内容、js ，怎样输出包含某一子字符串的所有字符串。、javascript获取当前<ul>中点击的<li> 的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）